具有固定宽度的绝对表头中的奇怪IE 7行为

Question

再一次，我对IE7感到茫然。

我正在制作一个几乎完全基于CSS的固定标题可滚动体表（水平滚动仍需要javascript才能工作）。它是基于this one的修改版本。它在我检查过的浏览器中看起来不错：Chrome，Firefox和IE8 +。然而，在IE7（可能更低）中，标题行为不端，就像顽皮的黑羊一样，我无法弄清楚原因。

我们非常感谢和鼓励任何修复/改进/建议/更改。 :)
（我当时想换个窗户看看）

这是live jsFiddle

这是Firefox和IE7之间的对比图片

Answer 1

我建议IE7另类外观：）

首先 - 我看到除了IE之外，第三列中的操作一词隐藏在哪里 - 这就是问题开始的地方。 IE不会在height: inherit上应用div声明。将它设置为22px就可以了 - 至少它不会破坏布局。见这里 - http://fiddle.jshell.net/6T3h4/6/

但问题仍然存在于边界......我建议只使用*border: 0;删除ie7的边框，其他人都会忽略。

结果 - 至少你会有一个比你当前更好的视觉呈现）））见这里：http://fiddle.jshell.net/6T3h4/7/（在这个例子中我只是删除边框以节省时间 - 所以它会在所有浏览器中随处消失。如果您想，请使用*border: 0;

部分一个解决方案，我建议只有在您无法找到IE错放thead中的元素的原因时才使用它。所以说，作为最后的手段，但不是一直做的事情;）如果我有更多的时间，我会看到这个问题，但我不确定我需要）

Answer 2

只需添加此代码：

table.list thead tr {*position: relative;} /* For IE 7 */

找到一种方法来处理tfoot但不起作用。