浮動的div在IE7

Question

不顯示

好，我看不出有什麼錯在這裏：

https://www.e-capture.net

在IE7瀏覽這個網站，使用標識的div #blog網和#social不被顯示。原因似乎是＃內容div，它在IE7與IE8/FF/Chrome中有不同的高度。但我不明白我做錯了什麼。

有趣的事實：該網站顯示更好IE6比它在IE7 :-)

任何想法？
謝謝！

Answer 1

我已經在IE7和Firefox中測試過了。

你只需要移動一堆<div>標籤，並添加一個新標籤（，突出顯示在以下）。

這裏是螢火蟲看起來像我講完後：

（我做同樣的事情在IE7第一，並能解決問題之後，我做了同樣在Firefox中。確保在現代瀏覽器的修復將無法殺死它）

這是我在我所做的文字描述的嘗試：

• 我將#blog,#social和#footer分別移到#content之外。
• 我纏#blog和#social新<div>，這些樣式：
  margin: 0 auto; width: 960px。
• 我換周圍的幾件事情有關#buttons，使他們FF和IE7之間是一致的：
  • 在ul#buttons li，刪除margin: 10px 0，並添加float: left。
  • 對ul#buttons li a，刪除float: left並添加display: block。