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問題，所以我把它們全都從你的小提琴中剝離出來。似乎修復了它。

順便說一句，「贊助」。 ;-)