IE9 + css：固定标头表的问题

Question

所以，我认为这是一个CSS问题，但基本上，我提供的HTML在反应布局中包含一个固定的标题表。 码： http://jsfiddle.net/JpRQh/10/

有3行数据，但在IE9中，表格行似乎疯狂，并且滚动条已被禁用。

我在固定标头表上遵循的示例： http://www.imaputz.com/cssStuff/bigFourVersion.html 在IE9中有同样的问题。

关于如何修复它的任何想法？

编辑：如果有足够的数据，我保证表格会滚动。但我只包括3行。

Answer 1

这是导致IE出现问题的规则。实例：http://jsfiddle.net/JpRQh/12/

html>body tbody.scrollContent {
    margin-top: 24px;
    padding-top: 8px;
    display: block;
    height: 400px; /* If you delete this rule you will see the table rows return to their normal size */
    overflow: auto;
    width: 100%
}

为滚动tbody和固定标题等设置样式往往会导致跨浏览器兼容性的许多问题。您可以查看有关跨浏览器滚动tbody的此link。

然而，

This似乎是最好看的跨浏览器解决方案。您需要检查CSS。