html - 定位问题和 CSS 菜单在 IE7 中不会通过嵌套的 Divs 显示

Question

对于此站点:http://writershore.com/ltlaw/

我将该站点验证为 XHTML 1.0 Transitional，但现在绝对定位似乎不起作用，最糟糕的是，菜单在 IE 中无法正常工作，它似乎显示在 Div 下方。在 Firefox 和 Chrome 中，菜单工作正常。

1. 关于我在“主要”Div 中的定位有什么问题有什么想法吗？

2. 菜单问题是溢出问题吗？ z-index 问题？我已经尝试了两者的变体，但没有在 IE 中修复结果。

再次感谢您的任何想法!

Answer 1

然后是验证 CSS 的时候了。 36 个错误和 9 个警告:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwritershore.com%2Fltlaw%2F&profile=css21&usermedium=all&warning=1&lang=en

显示在文本后面的菜单是 IE7 的问题，它在 IE8 中工作正常。我会看看那个和定位，看看我是否能找到一些东西......

编辑:
您忘记了所有定位的单位，这就是定位不起作用的原因。例如:

left: 40;

应该是:

left: 40px;

编辑 2:
我认为 z-index 可以解决 IE7 中的菜单问题，您只需在正确的元素上设置 z-index 即可。现在您已经将它设置在菜单项上，这些菜单项与您要将它们放在前面的元素处于完全不同的深度级别。同一层级的元素有 colorbigbar 和 main 类，这里是你应该设置 z-index 的地方。