JQuery позиция другое значение в Firefox

Question

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

https://jsfiddle.net/scottieslg/q78afsu8/10/

Если я запускаю эту скрипку в Chrome или Opera, я получаю значение 8.

Однако, когда я запускаю его в Firefox, он возвращается как 9.

В IE я получаю 8.5.

Как я могу заставить все браузеры возвращать одинаковое значение?

Html

<table id='testTable'> 
    <thead> 
     <tr><td>Test</td></tr> 
    </thead> 

    <tbody> 
     <tr><td>Body</td></tr> 
    </tbody> 
</table> 

<div id='topPos'></div> 

JQuery

$(document).ready(function() { 
    var topPos = $("#testTable tr:nth-child(1) td:first").position().top; 
    console.log(topPos); 
    $("#topPos").html("Top: " + topPos); 
}); 

CSS

#testTable { 
    table-layout: fixed; 
    width: 100%; 
    padding: 0; 
    border-collapse: collapse; 
} 

#testTable thead tr td { 
    border: 1px solid #ccc; 
} 

Answer 1

пытаются сделать все же элемент первым.

* {margin:0;padding:0;}