浮动的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。