title: asp Menu control not floating properly
body: <p>I'm trying to do this on my header:</p>
  
  <pre><code>Link | Link | Link                                               LoginStatus
  </code></pre>
  
  <p>But the Menu Control just won't float. What it does is like this:</p>
  
  <pre><code>Link | Link | Link
  LoginStatus
  </code></pre>
  
  <p>I've tried floating it left but still doesn't work.</p>
  
  <pre><code>&lt;div class="menucontainer"&gt;
                  &lt;asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" Style="float:left"&gt;
                      &lt;Items&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Default.aspx" Text="Generate Report" 
                              Value="Generate Report"/&gt;
                          &lt;asp:MenuItem Selectable="False" Text="|"&gt;&lt;/asp:MenuItem&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Download.aspx" Text="Mass Export" 
                              Value="Mass Export"&gt;&lt;/asp:MenuItem&gt;
                          &lt;asp:MenuItem Text="|"&gt;&lt;/asp:MenuItem&gt;
                          &lt;asp:MenuItem NavigateUrl="~/Admin/Home.aspx" Text="Login" 
                              Value="Login"&gt;&lt;/asp:MenuItem&gt;
                      &lt;/Items&gt;
                      &lt;StaticMenuItemStyle BackColor="White" BorderColor="#CCCCCC" 
                          BorderWidth="1px" /&gt;
                  &lt;/asp:Menu&gt;
                  &lt;div style="float:left"&gt;asdaddas&lt;/div&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>div.menucontainer
  {
      background-color:#465C71;
      border-bottom: 4px solid #465c71;
      margin: 0px 0px 0px 0px;
      width:100%;
      -moz-border-radius: 6px 6px 1px 1px;  /*FF1+ */
      -webkit-border-radius: 6px 6px 1px 1px; /* Saf3-4, iOS 1+, Android 1.5+ */
      border-radius: 4px 4px 1px 1px;/*  Opera 10.5, IE9, Saf5, Chrome, FF4 */
      clear:both;
  }
  
  div.menu
  {
      padding: 4px 0px 0px 5px;
      font-size: 12px;
      float:left;
      width:auto;
      border-right: 20px solid red;
      clear:none;
  }
  </code></pre>