Célula de tabla de altura fija y problema de borde en Firefox

Tengo una tabla que muestra algunos datos y necesito que la celda de la tabla

tenga una altura fija y un borde inferior. El problema es que Firefox está representando la altura de la celda de forma diferente a Chrome o IE8. Por ejemplo, tengo las siguientes reglas css:

 table { width: 100%; border-collapse: collapse; } table td { height: 35px; border-bottom: 1px solid #000; } 

Firefox representa el borde dentro de la altura definida de la celda para que muestre 34px height + 1px border . Chrome e IE, sin embargo, muestran la altura completa y muestran el borde exterior / inferior que muestra 35px height + 1px border .

Aquí hay una vista previa del problema http://jsbin.com/oseqiz/9/ . (ábralo tanto en Firefox como en Chrome / IE para ver la diferencia).

¿Es este un error conocido en Firefox o los otros 2 navegadores hacen cosas incorrectamente? Si es así, ¿hay alguna solución para ello?

Me gustaría señalar que no me gusta tener el

extra dentro de la

como lo hice para la segunda tabla en el ejemplo de jsbin anterior.
Lo implementé así para que el problema de renderizado se pueda ver fácilmente.

Ok, por favor lee esto

El tamaño de caja de css property no tiene ningún efecto en el modelo de caja

Una solución podría ser, es establecer

 td { display: inline-block; } 

Y que uso

 td { box-sizing: content-box; } 

Para una misma altura de navegador cruzado

Este problema parece haberse resuelto con la última versión de Firefox (que en este momento es la versión 40), y la altura y el límite ahora se representan consistentemente en todos los navegadores mencionados.