¿Por qué Firefox sigue eliminando 1px del borde de la celda de la tabla?

Question

¿Hay alguna razón por la cual Firefox está eliminando 1px el valor del borde como defino en el archivo CSS?

.aprovGriditem th 
{ 
    border-collapse: collapse; 
    border: 4px solid #BBC6E3; 
    padding: 0; 
} 

EDITAR

<table cellpadding="0" cellspacing = "1" runat="server" id="tblEmployees" width="100%"> 
<tr id="tr1" runat="server" class="aprovGriditem"> 
    <td> 
     <asp:Label ID="Label1" runat="server"> 
    </td> 
</tr> 
</table> 

Cuando compruebo Firebug, veo el valor de la frontera es . Cuando establezco el valor en , obtengo . ¿Y cómo lidiar con eso?

Answer 1

No tengo una gran explicación, pero en las pruebas con el violín parece que firefox reacciona de manera diferente que otros navegadores cuando el colapso del borde se coloca en un solo tipo de elemento dentro de la tabla. Mueva el borde-colapso a la tabla completa:

#tblEmployees{ 
    border-collapse:collapse; 
} 
.aprovGriditem th 
{ 
    border: 4px solid #BBC6E3; 
    padding: 0; 
}