FirefoxのCSSの高さの差

Question

次のjavascript/jqueryコードを使用して、別のテーブル（templtable）のth要素の高さと同じテーブル（templtableselect）の第1要素の高さを設定しようとしています：

var thheight = $('table#templtable th').css("height"); 
$('table#templtableselect th').css({"height":thheight, "border":"0px"}); 

クロムはすべて正常に動作しますが、Firefoxでは1ピクセルの違いがあります。私も.height（）関数を試しましたが、結果は同じでした。

私は放火犯とFirefoxの要素を分析する場合、結果は以下の通りである：

Templtable 
size 105 x 34 
border 1 

Templtableselect 
size 44 x 33 
border 1 

あなたにも1つの画素の同じ差異を見ることができます。

この違いを引き起こす原因は何ですか？

おかげ

Answer 1

ではなくouterHeight()を使用してみてください、それは高さにボーダーとパディングを追加します。

var thheight = $('table#templtable th').outerHeight(); 
$('table#templtableselect th').css({"height":thheight, "border":"0px"});