position: fixed (css) ведет себя по-разному в разных браузерах

Question

Я пытаюсь заморозить заголовок таблицы .. чтобы добиться того же, что я написал этот код ... он работает нормально, но заголовок кажется дрожащим.

Итак, я немного изменил код, и теперь вывод довольно хороший, вы можете увидеть его здесь .
Но проблема в том, что этот измененный код работает в Mozilla, но не в IE.
Я попытался использовать несколько подходов, но не смог получить точное поведение в 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

Вместо помещения плавающего заголовка в таблицу поместите его в тело с фиксированной позицией. Таким образом, не нужно постоянно рассчитывать новую позицию.

Как то так, но не идеально: http://jsfiddle.net/NtBYa/2/