IE7中CSS菜單的奇怪可見性問題

Question

我有一個僅CSS的菜單（即，沒有JS），在所有現代瀏覽器中都很好用，但是在IE7中有一個奇怪的錯誤。 它根本無法在IE6中正常運行，但我們無需在此解決。 問題如下：

將鼠標懸停在菜單選項選項卡上時，將顯示下拉列表。 當您將鼠標懸停在該選項上時，下拉列表消失-僅在IE7中，該選項卡也消失！ 讓我感到困惑的是-如果再次將鼠標懸停在該選項卡上，或者將鼠標懸停在任何其他選項卡上，則該選項卡將重新出現。 這怎么可能？ 將鼠標懸停在另一個元素上，可使原始選項卡重新可見？ 令人討厭的是，它在本網站的最后一個版本中起作用，而在新設計中，它以某種方式被破壞了。 我已嘗試比較，但無法弄清楚它是什么。

這是當前損壞版本的小提琴： http : //jsfiddle.net/pXZLJ/1/

這是舊的工作之一： http : //jsfiddle.net/43utK/

在IE7中查看這些內容以查看問題。 救命？ 謝謝 ：）

Answer 1

嘗試在CSS中刪除此行： .nrmenu * {position:relative} 。 它似乎可以解決問題。

編輯：正如sarcastyx所指出的，它似乎確實會影響下拉菜單。 因此，添加position:relative對於.nrmenu li position:relative ， .nrmenu li再次出現下拉菜單。