html - CSS 下拉菜单仅显示 ul 而不是 ie9 中的元素

Question

这是我当前用于导航栏的 jsfiddle。 http://jsfiddle.net/EPh6j/28/

请拉伸条，使其成为单行，否则您将得到不同的结果。

据我所知，该问题仅发生在ie9中。当您将鼠标悬停在其中一个主要链接上时，会发生什么下拉菜单。但是，一旦下拉菜单通过主菜单的底部，它就会变得不可见。更令人困惑的是子菜单的 ul 边框显示但不显示元素。

这是我的意思的一个例子：注意它是如何可见的，然后消失在底部。 http://i.imgur.com/jXsoE.png

当我试图找出我的问题开始时，我做了上述事情。在 jsfiddle 中，它会一直向下移动，因此完全是空白的。我完全无法让这个工作。

我的 CSS：

.menu li li {
    float:none;
    position: relative;
}

.menu li ul {
    left:0;
    position:absolute;
    top:0;
    visibility:hidden;
}

.menu li:hover > ul {
    top:100%;
    visibility:visible ;
}

建议？

Answer 1

我怀疑是 z-index 问题，所以我把它们都从你的小提琴中去掉了。似乎已经修好了。

顺便说一句，“赞助”。;-)