仅在 IE8 上出现的额外空白

Question

我一直在为我正在为客户开发的网页进行一些跨浏览器测试，到目前为止一切进展顺利。但是，我注意到很多空白仅出现在我的#main div 底部的IE8 中。我尝试使用特定于 IE8 的样式表删除 div 底部的填充，但它并没有消除间隙。开发人员工具栏显示正在应用样式，在尝试 IE8 特定工作表之前，我通过开发人员工具栏删除了填充，它工作正常，但一旦应用实际样式，它就没有了。我没有在任何其他浏览器中看到这个错误，到目前为止我已经测试过：Firefox (OS X/Win XP)、Safari (OS X/Win XP)、Chrome (OS X/Win XP)、Internet Explorer 7，和 Internet Explorer 8。我也尝试了负边距，只是将框向下移动，这样两边的差距就更小了。似乎都没有移动盒子。所以，有点混乱。这是 IE 8 中的图片：

这是它在任何其他浏览器中的显示方式（此屏幕截图来自 IE 7）：

该网站可以实时浏览here。

非常感谢任何帮助！

Answer 1

@David Savage：加入

<!--[if IE 8]>
<style type="text/css">
    #small_boxes {
      overflow: hidden;
      padding-bottom: -150px;
    }
</style>
<![endif]-->

就在您关闭 </head> 为我解决问题之前。