Css 隐藏在横幅按钮后面的下拉列表

启用时，当用户将鼠标悬停在导航菜单标题“About MCAEL”上时，下拉列表中的最后一个导航标题隐藏在左箭头按钮下方

我将z-index:2000添加到nav css的各个部分（即#nav#nav ul和nav ul li），并将按钮的z-index更改为1，但在现代浏览器中，下拉列表仍隐藏在该按钮后面。奇怪的是，在ie6和IE7中没有问题

---

有什么想法或建议可以尝试吗？

如果您将z-index:-1添加到您的主体div中，它会起作用

---

顺便说一下，我登记了FF 3.6和Chrome 8。

谢谢Jared！成功了。也许我还可以问你，为什么在IE6和IE7中，当用户悬停在导航标题上时，下拉列表不在所选导航标题下方，而是在右侧？我下意识的反应是，它们是糟糕的浏览器，有太多的bug无法计数，但我认为实际问题与IE6和IE7如何处理定位和z索引有关。另外，你能把它标记为答案吗（答案计票下的复选框）？谢谢！：）定位和z指数是一种痛苦。那个网站看起来也不错。