ポジション：異なるブラウザで異なる挙動をする（CSS）

Question

私はテーブルヘッダーをフリーズしようとしています。同じものを実現するために、thisというコードを書いています。うまく動作しますが、ヘッダーが震えそうです。

コードを少し変更して、出力がかなり良くなったので、それはhereです。
しかし、問題は、この変更されたコードはMozillaでは動作しますが、IEでは動作しません。
私は複数のアプローチを試みましたが、2番目のフィドルにあるようにIEで正確な動作を得ることができませんでした。第二バイオリンで
は、準備ができてサイドドキュメントに私はこのワン

var originalHeaderRow = $("tr:eq(1)", this) 
     originalHeaderRow.before(originalHeaderRow.clone()); 
     var clonedHeaderRow = $("tr:eq(1)", this) 
     clonedHeaderRow.addClass("tableFloatingHeader"); 
     clonedHeaderRow.css("position", "fixed"); 
     clonedHeaderRow.css("top", $("tr:eq(1)").css("top")); 
     var left = $("tr:eq(1)").offset().left; 
     clonedHeaderRow.css("left", left); 

任意の提案や、私が間違っているつもり任意のヒントを使用して既存のコードを変更していますか？

Answer 1

floatingHeaderRowをテーブルに配置する代わりに、固定位置で本体に配置します。この方法では、常に新しい位置を計算する必要はありません。

このような何かが、完璧ではない：http://jsfiddle.net/NtBYa/2/