Разница в высоте CSS в Firefox

Question

Я пытаюсь установить высоту элемента th в таблице (templtableselect) так же, как высоту элемента th в другой таблице (templtable), используя следующий код javascript / jquery:

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

В chrome все работает нормально, но в Firefox разница в 1 пиксель. Я также попробовал функцию .height (), но это привело к тому же результату.

Когда я анализирую элементы в firefox с помощью firebug, результат выглядит следующим образом:

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"});