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; 
}