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

我有一个非常奇怪的问题，只发生在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上，请尝试重新安装。需要看到它“不工作”…你能在JSFIDLE示例或实时链接中重现吗？谢谢你的评论。我将努力为您提供一个单独的示例。回复：重新安装Chrome-我试过了，但不幸的是，我在两台Mac电脑上遇到了同样的问题。