title: How do I fix Chrome rendering of a simple navigation list?
body: <p>I have a really odd problem that only happens in Chrome. I am using Chrome Version 37.0.2062.124 and OS X 10.9.5.</p>
  
  <p>I have a simple menu that appears when I hover:</p>
  
  <pre><code>&lt;ul class="list-unstyled"&gt;
    &lt;li&gt;&lt;a href="#"&gt;email@test.com&lt;/a&gt;
       &lt;ul class="list-unstyled"&gt;
          &lt;li class=""&gt;&lt;a href="#"&gt;Account&lt;/a&gt;&lt;/li&gt;
          &lt;li class=""&gt;&lt;a href="#"&gt;Update card&lt;/a&gt;&lt;/li&gt;
          &lt;li class=""&gt;&lt;a href="#"&gt;Update Subscription&lt;/a&gt;&lt;/li&gt;
          &lt;li class=""&gt;&lt;a href="#"&gt;View payment history&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Logout&lt;/a&gt;&lt;/li&gt;
       &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Pretty standard procedure. The only problem is that it renders like this:</p>
  
  <p><img src="https://i.stack.imgur.com/wVb3A.png" alt="enter image description here"></p>
  
  <p>As you can see part of these li tags are not rendering. When I hover over the li tags themselves, however, they render properly. This only happens in Chrome and it does not happen in Chrome Canary.</p>
  
  <p>Has anyone seen a problem like this before? If so I would be very grateful if you could help me fix it!</p>