修复IE7 div overflow-y：从隐藏滚动条后面的内容滚动

Question

根据下面的jsfildde，我在div（#body）内有一个表，它沿着y轴滚动。我的问题是在IE中，滚动条隐藏了它后面的最后一个表格单元格的一部分，随后移动了表格列的布局。 Chome没有这样的问题，我必须支持这两种浏览器。我相信问题出在IE上，Chrome正在正确渲染CSS。如何让IE以与Chrome相同的方式显示我的列？

如果在两种浏览器中查看小提琴，则会看到差异，因为表格标题与相应的列不对齐。

http://jsfiddle.net/5DD5b/3/

感谢您给出的任何建议。

编辑：它适用于IE9，但不适用于需要支持的7。

Answer 1

由于这个问题似乎只出现在IE7中，我决定按照ihake的建议检测userAgent并进行相应的处理。它并不理想，但它有效。

var IE7 = false;

$(document).ready(function(){

    if($.browser.msie) {
        var userAgent = $.browser.version;
        if(userAgent.substring(0,userAgent.indexOf('.')) == 7) IE7 = true;
    }

    ...

在文件的下方，如果IE7为真，我将css设置为一种方式，如果是错误则设置另一种方式。很简单。