仅在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>解决了我的问题。