Css Internet Explorer 7/8中某些元素下方的下拉菜单

我正在开发的一个网站给了我一些关于InternetExplorer7/8的严重问题。在某些页面上，导航位于文本和图像下方。我很困惑。我曾尝试在内容中添加一个z-index为1，在导航中添加一个更高的z-index，但没有效果

指向存在问题的站点的链接以及相应的CSS文件：

---

CSS文件是

/style.CSS

我刚刚修复了它。我从一个div中删除了一个

position:relative

标记，然后事情又开始了。

我认为除了基本导航div之外，您可能还需要在.sf菜单和其他导航元素CSS中添加更高的z-index属性。

z-index对正常定位的元素没有任何影响。尝试将“position:relative”添加到已放置z索引的项目中，一次添加一个，然后查看是否有任何更改。旧版本的IE有一个坏习惯，即查看父级z索引，因此，虽然某些东西的z索引可能为10，但如果其父级的z索引为1，则10不会显示在具有较低z索引的其他元素上。

您能更明确地说明您看到的问题吗？我在FF、IE8（不在IE7兼容模式下）或IE7上看不到任何不好的地方。在IE上，将鼠标悬停在列表链接上，弹出菜单的下半部分喜欢显示在底部的图片下。这对我来说是断断续续的。啊，很高兴你修复了它，你关于z层上下文的帖子比我对父元素的理解更有意义。最低限度的“更有意义”，并不是说我喜欢MS的方法。事实上。。。IE占用了我97%的“css修复”时间：/