Border d'une td, différences dans le DOM Chrome et Firefox

Hello,
Prenez une table on ne peut plus simple :

<table id='t'>
  <tr>
    <td id='a1'>A1</td>
    <td id='a2'>A2</td>
  </tr>
  <tr>
    <td id='b1'>B1</td>
    <td id='b2'>B2</td>
  </tr>
</table>

On lui met un peu de CSS... Avec en particulier un border-collapse: collapse;

table {
    margin: 0;
    border: none;
    border-collapse: collapse; 
    border-spacing: 0;
}
table td, table th {
  padding: 4px; 
  border: 2px solid #ccc; 
  vertical-align: top; 
  height: 30px;
  width: 50px;
  text-align:left;
}

Fouillez le DOM, et vous remarquerez que sur les computed-style 'border-XXXXX-width' sont à 1px sous Firefox et à 2px sous Chrome.

Connaissez-vous un moyen de contourner cette différence ???
Modifié par vickk (27 May 2009 - 00:29)

Et concrètement, quelle différence est-ce que ça produit?

Dans l'absolu, j'ai l'impression que ni Firefox ni Chrome ne respecte à la lettre le type de calcul décrit dans CSS 2.1:
http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse

Hello,
c'est clair que visuellement, je ne vois aucune différence.

Mais je fais des calculs sur cette valeur, pour placer et dimensionner d'autres divs qui viennent se positionner sur un conteneur recouvrant une partie de cette table. Typiquement, j'aimerais que la nouvelle div apparaisse "collée" à l'armature du tableau.

C'est pas grave, je contourne actuellement ça avec Prototye.browser. Je n'ai pas encore testé avec tous les navigateurs, j'espère juste que sur les différentes version d'un navigateur utilisant le même moteur le résultat sera similaire.....