IE 7浮動div自動清除下一個元素？

Question

我遇到以下示例的問題。

背景： 我首先有一個元素漂浮在右邊，裏面有圖像輸出。 然後我有一個元素與其他內容。

在FF和IE 8中，如預期的那樣，浮動到右側的.images div顯示爲向右漂移，將.product-body div內的內容很好地推向左側。

問題： 但在IE 7兼容性模式下觀察時，所述的.product體DIV是.images DIV因此.images DIV下方清除不按預期落入很好地向右側。 IT不管我是否清楚：無;在.broduct-body div上。

請參閱www.hotelmarketingbudget.com上的示例查看div元素＃content-body中的源代碼以查看這些div。隨意使用Firebug或IE的開發工具欄或什麼不檢查了這一點。

相關的CSS：

#content-body{ 
width:auto; 
height:auto; 
position:relative; 
margin:0 auto; 
} 

.product-group .images { 
float:right; 
width:auto; 
height:auto; 
position:relative; 
margin:0 auto; 
margin-left:15px; 
} 

.product-group .product-body { 
width:auto; 
height:auto; 
position:relative; 
margin:0 auto; 
} 

我已經花了幾個小時試圖找出如何解決這個 - 谷歌上搜索，在計算器這裏閱讀其他線程，但可惜我找不到任何解決方案很難知道什麼單詞甚至可以搜索。我真的希望這只是我的一部分腦力放屁。

任何意見或想法或問題將非常感激！

Answer 1

嘗試爲正在浮動的內容分配固定寬度（如width:250px）。我發現老版本的IE不能很好地處理浮動內容，除非它們具有固定的寬度。

我懷疑這可能是一個hasLayout的問題，所以如果你是爲什麼這個bug存在好奇，這是一個非常良好的閱讀：

http://www.satzansatz.de/cssd/onhavinglayout.html

如果你不想分配固定寬度，其他一些hasLayout黑客你可以嘗試是min-width: 1%和zoom: 1。