在IE7中的奇怪的浮動錯誤

Question

在我工作的網頁here，我有一個主要的div，並在主div和圖像div。粗略地說，重要的HTML是：

<div id="wrapper"> 
    <div id="main"> 
     <div class="images"> 
      <p>Content</p> 
      <div class="clear"></div> 
     </div> 
     <p>Text...</p> 
    <div class="clear"></div> 
    </div> 
</div> 

和CSS：

div#wrapper 
{ 
    padding: 10px; 
    width: 90%; 
} 

div#main 
{ 
    padding: 5px; 
} 

div.images 
{ 
    float: right; 
    width: 320px; 
    margin-left: 5px; 
} 

div.clear 
{ 
    height: 0; 
    clear: both; 
} 

道歉，如果該問題的原因是不是代碼內這裏，但我認爲它是。

問題是，當images div比main div的內容大時，wrapper div會丟失其左邊距;並且main的底部填充增加。這個問題似乎只發生在IE7中。

Answer 1

原來，#mainhasLayout有竅門。

div#main 
{ 
    zoom: 1; 
} 

把它放在IE7樣式表中，它幾乎是固定的。底部的邊界仍然很大，但不是太重要。