垂直CSS菜单与溢出冲突：隐藏？

Question

我正在为朋友开发的网站遇到一些问题。我一直在使用预制的CSS专用垂直菜单。

这一直很好，直到我最近添加了高度可伸缩的div http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm。

菜单仍然有效，但不知何故，它会扩展到内容div之下。我猜这与溢出值有关，但我找不到任何解决方案。值得一提的是，菜单在IE8中工作正常，但在Firefox或Safari中没有。由于CSS有点广泛，我添加链接而不是示例代码 - 希望没关系。

提前致谢！ ：）

该网站位于http://dev.velkos.no/exigo，该网站的CSS和菜单可以通过添加/ CSS找到（由于我在Stackoverflow的新手状态，我无法发布更多链接）。

Answer 1

将position: relative和z-index: -1添加到.container2会在Firefox / Chrome中修复它，并且它不会改变IE8中的任何内容。

无法正常工作 - 请参阅评论。

Answer 2

尝试＃2：）

在Firefox，Chrome，IE8中测试。

• 删除我之前的尝试。在.container2上，移除：position: relative / z-index: -1。
• 在#menuh-container上，添加：position: relative和z-index: 501（比z-index上的#menuh ul ul值多一个。）

修复了Firefox / Chrome，但打破了IE。

现在修复IE ..

我能找到的唯一方法是从filter删除#menuh-container规则。从字面上看，删除filter会修复它，将其添加回来会破坏它。

我希望在没有filter规则的情况下，您的网站在IE8中仍然可以接受。

---

在IE7中看起来像这样：