IE8 兼容模式 (IE7) 中奇怪的边距变化

Question

在 IE8 兼容模式 (ie7) 下查看我的页面时，边距发生了一些奇怪的变化。具体在2个方面。主要导航和页脚。

如您所见，导航与 IE8/FF/Chrome/Safari 相比，左侧的边距要大得多

http://demo.carbonium.no/iebug1.png

在广告下方应该有空间。此问题在所有 IE 浏览器中都存在，但在 FF/Chrome/Safari 中不存在

Here is a link to the actual site

Answer 1

好的，我找到了解决导航问题的方法。使用绝对定位和 Z-index:1；从自然文档流中取出元素解决了这个问题。此外，用填充替换边距可以在某种程度上给你同样的结果。无论哪种方式，我仍然对 IE7 导致这个特定问题的原因感到困惑。