La bordure autour de l'élément tr ne s'affiche pas?

Il semble que Chrome / Firefox ne rend pas les bordures tr, mais il restitue la bordure si le sélecteur l'est table tr td.

Comment définir une bordure sur un tr?

Mon essai, qui ne fonctionne pas:

table tr {
  border: 1px solid black;
}

<table>
  <tbody>
    <tr>
      <td>
        Text
      </td>
    </tr>
  </tbody>
</table>

http://jsfiddle.net/edi9999/VzPN2/

C'est une question similaire: définir la bordure de la table tr, fonctionne dans tout sauf IE 6 & 7 , mais cela semble fonctionner partout sauf pour IE.

Ajoutez ceci à la feuille de style:

table {
  border-collapse: collapse;
}

JSFiddle .

La raison pour laquelle il se comporte de cette façon est en fait assez bien décrite dans la spécification :

Il existe deux modèles distincts pour définir les bordures des cellules de tableau en CSS. L'un est le plus approprié pour les bordures dites séparées autour des cellules individuelles, l'autre convient pour les bordures continues d'un bout à l'autre du tableau.

... et plus tard, pour le collapseréglage:

Dans le modèle de bordure repliable, il est possible de spécifier des bordures qui entourent tout ou partie d'une cellule, ligne, groupe de lignes, colonne et groupe de colonnes.