ie中的css下拉菜单问题

我在页面顶部有一个下拉菜单，如下所示：

CSS:

可以在这里找到Live html，但我认为问题在于CSS。

---

我无法正确显示此菜单。它适用于chrome或firefox，但不适用于IE。菜单被折叠（li填充不起作用），垂直对齐方式完全不正常。非常感谢您的帮助。

我认为您需要在菜单中指定

a

元素的行高。 我试着通过设置

#coachnavigation a 
{ 
line-height:30px; 
}

在我看来这很好。 还要将

z-index

添加到菜单中，这样下拉列表就不会出现在某些元素后面

div#navwrapper {
    z-index:999;
}

---

7,8,9-使用兼容模式有趣的是，当我在网站后端查看它时，它在8和9中运行良好，但下拉列表隐藏在ie7的背景后面。我想知道这个页面的头部或其他css是否与我发布的链接中的css冲突。谢谢。你知道为什么ie7的菜单会消失在后台吗？z-index似乎不起作用您的z-index建议对ie7不起作用-我尝试将其应用到包装器、菜单和下拉列表中，但均无效

div#navwrapper {
    z-index:999;
}