错误的浮动翘曲在IE7

Question

这里的test page，在IE7中看起来不同，而在Firefox中确定& Opera。
看起来像FF &奥普拉是足够的约

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

相应

右页边距和地方的文本（文本填充下侧边栏的空间），而IE使用＃侧边栏的左边框作为保证金，并作为一个结果，即空间不曾用过。
编辑：这里是它所描述的好图片：link。
请帮我解决它。

Answer 1

从#mainContent取出zoom: 1。

我知道你补充说，首先解决IE漏洞问题，但是如果你还想让主要内容包含浮点数，你将不得不另外找到另一种方法。也许你可以添加它来选择主要内容中的元素。

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

Answer 2

您是否尝试将#sidebar1的余量调整为0，特别是底部？或者将它左移而不是右移？ 请参阅我不是IE浏览器的CSS黑客攻击的破解，但可能会让您看到错误来自于此。 可能使用我的所有时间最喜欢的CSS-黑客，当涉及到IE7，有时却奇迹对我说：

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