IE7中的浮动变形错误

Question

这里是test page，在IE7中看起来不一样，而在Firefox＆amp;歌剧院。
看起来像FF＆amp;奥普拉足够

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

右边距并相应地放置文本（文本填充侧边栏下的空格），而IE使用＃sidebar的左边框作为边距，因此，不使用该空格。
编辑：以下是精彩图片所描述的内容：link。
请帮帮我解决。

Answer 1

您是否尝试将#sidebar1的边距调整为0，尤其是在底部？还是把它漂浮而不是右边？ 看，我不是IE浏览器的CSS破解，但可能会让你看到错误的来源。 在谈到IE7时，可能会使用我最喜欢的css-hack，有时它对我来说很奇怪：

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

Answer 2

从zoom: 1删除#mainContent。

我知道你添加了首先解决IE漏洞的问题，但如果你还想让主内容环绕浮点数，那么你将不得不寻找另一种方法。也许您可以将其添加到主要内容中的选择元素。

请参阅着名文章“Elements next to floats”中标题为“On having layout”的段落。