如何修复简单导航列表的Chrome渲染？

Question

我有一个非常奇怪的问题，只发生在Chrome中。我使用的是Chrome版本37.0.2062.124和OS X 10.9.5。

我悬停时会出现一个简单的菜单：

<ul class="list-unstyled">
  <li><a href="#">email@test.com</a>
     <ul class="list-unstyled">
        <li class=""><a href="#">Account</a></li>
        <li class=""><a href="#">Update card</a></li>
        <li class=""><a href="#">Update Subscription</a></li>
        <li class=""><a href="#">View payment history</a></li>
        <li><a href="#">Logout</a></li>
     </ul>
  </li>
</ul>

非常标准的程序。唯一的问题是它呈现如下：

正如您所看到的，这些li标签中的一部分未呈现。但是，当我将鼠标悬停在li标签上时，它们会正确渲染。这只发生在Chrome中，并且在Chrome Canary中不会发生。

之前有没有人见过这样的问题？如果是这样，如果你能帮助我解决它，我将非常感激！