title: Dropdown navigation menu item disappearing after hover
body: <p>I am using bootstrap to build my site and the main navigation uses dropdowns for second level choices.</p>
  
  <p>In IE10 only (works everywhere else), the dropdown menu is inconsistently accessible and if you are able to access the second level choices, they disappear after hovering off of them. In other words as you hover down the list of menu items, the one above will disappear when you hover onto the menu item below it. Perhaps there are two problems: one being you can't access the dropdown (maybe a padding issue?) but the disappearing problem, I have never seen before.</p>
  
  <p><a href="http://jsfiddle.net/mf37V/3/" rel="nofollow">Here's my fiddle with the problem</a></p>
  
  <p>(**When viewing the fiddle make sure to adjust the width of the Result panel otherwise it will be collapsed for mobile)</p>
  
  <p>My html is pretty simple:</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="row"&gt;
  &lt;div class="navbar navbar-inverse" role="navigation"&gt;
  
  &lt;div class="navbar-collapse collapse"&gt;&lt;!--NAVIGATION--&gt;    
  
  &lt;ul class='nav navbar-nav'&gt;
  &lt;li class='first'&gt;&lt;a href="#"&gt;Getting Around&lt;/a&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="#" tabindex="17"&gt;Find Your Ride&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" tabindex="18"&gt;Transit Overview&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" tabindex="19"&gt;Carpool/Vanpool&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" tabindex="20"&gt;Biking &amp;amp; Walking&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;Travel Training&lt;/a&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;Do It Yourself&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Transit Orientation&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Transit Ambassadors&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Schedule a Training&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href="#" tabindex="26"&gt;Senior Safe Driving&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" tabindex="27"&gt;Programs &amp;amp; Services&lt;/a&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="#" tabindex="28"&gt;Mobility Programs &amp;amp; Services Locator&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#" tabindex="29"&gt;Mobility Programs Overview&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>Thank you in advance! I am stumped.</p>