IE7中的問題可能是z-index錯誤

Question

我在主導航中的鏈接食譜中添加了一個下拉菜單。

測試網址：http://jaspreetkaur.com/makebathsalts/

它的正常工作在所有瀏覽器除了IE7（不是在IE6測試）

菜單會在IE7旗幟區之後，我認爲這是關係到IE7的z-index的錯誤。我在隨後的頁面上發現了一些細節，但無法解決這個問題。 IE7 Z-Index Layering Issues

Answer 1

你需要這樣的：

#navigation{position:relative;z-index:10;} 

Answer 2

解決方法是簡單的，你需要指定z-index的UL菜單的直接父，你的情況與active類li這樣的：

li.active { 
    position:relative; 
    z-index:10; 
}