錯誤的浮動翹曲在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; 
}