Css 下拉菜单短时间出现在滑块后面

这很有趣…只在chrome上

我有一个下拉菜单，悬停时它出现在滑块后面，但在~0,5秒后，它会按原样显示。我有点像耽搁。另一件令人困惑的事情是，我有另一个下拉列表，它使用相同的css标记。但是菜单上的一切都很好

nav ul .sub-menu {
height: auto; 
width: 100px; 
padding: 20px 15px 5px 15px; 
display: none;
position: absolute; 
top: 21px; 
left: -25px; 
z-index: 999; 
background-color: #000; 
border: 1px solid rgb(230, 178, 58);}


nav ul .sub-menu.visible { display: block; }

---

如果css标记是相同的，那么html中一定有不同的东西。你能给我们看一下相关的部分吗？html也是一样的，我只改变了李的名字。正如我提到的，问题只出现在chrome上。。。我确信，菜单干扰了js滑块…请添加一个JSFIDLE。