title: Twitter BootStrap TopBar and DropDown Menu
body: <p>I am trying to build a topbar that has some links on the left and to the right, there will be a Login Link which would open the Login Form in a DropDown. I also want that the Login form should behave like a selected Tab when clicked (or when the dropdown is open)</p>
  
  <p>My code looks like this :-</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
  &lt;div class="navbar-inner"&gt;
      &lt;div class="container"&gt;
          &lt;ul class="nav"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Section1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Section2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
          &lt;ul class="nav nav-tabs pull-right signin-menu"&gt;
              &lt;li class="dropdown" data-dropdown="dropdown"&gt;&lt;a href="#" data-toggle="dropdown" class="login-link dropdown-toggle"&gt;Login&lt;/a&gt;
                  &lt;ul class="dropdown-menu" id="signin-dropdown"&gt;
                      &lt;li&gt;
                          &lt;form&gt;....&lt;/form&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;   
          &lt;/ul&gt;           
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I've got 2 lists, one of them to the right as I wanted it to behave like tabs. My problem is that I can't remove the little arrow that points to the Login Link when the dropdown is open. I want it to look like a selected Tab with dropdown below it, without the pointing arrow.</p>
  
  <p>Also, the tab looses it's rounded corners when selected. I am sure it's a CSS issue but not sure where to look for it..</p>
  
  <p>Any ideas?</p>
  
  <p>P.S. I am on BootStrap v2.0.1</p>