IE7 中错误的浮动变形

Question

这是测试页面，在 IE7 中看起来不同，而在 Firefox 和 Firefox 中则正常。歌剧。
看起来像FF& Oprah 对右边距足够了

.twoColLiqRtHdr #mainContent {
     margin: 0 20px 0 10px;
}

，并相应地放置文本（文本填充侧边栏下的空间），而 IE 使用#sidebar 的左边框作为边距，因此，不使用该空间。
编辑：以下是精美图片中描述的全部内容：链接 .
请帮我解决它。

Answer 1

从 #mainContent 中删除 zoom: 1。

我知道您首先添加它是为了解决 IE 错误，但如果您还希望主要内容围绕浮动，您将必须找到另一种方法来做到这一点。也许您可以将其添加到主要内容中的选择元素。

请参阅著名文章“<”中标题为“浮动元素旁边的元素”的段落a href="http://www.satzansatz.de/cssd/onhavinglayout.html" rel="nofollow noreferrer">关于布局”。

Answer 2

您是否尝试过将 #sidebar1 的边距调整为 0，尤其是底部？或者向左浮动而不是向右浮动？
看，我不是 IE 的 CSS 黑客专家，但这可能会让你看到错误来自哪里。
当涉及到 IE7 时，可能会使用我一直以来最喜欢的 css-hack，有时它会给我带来奇迹：

* html div {
 margin: 0;
 padding: 0;
}