Il bordo attorno all'elemento tr non viene visualizzato?

Sembra che Chrome / Firefox non eseguano il rendering dei bordi tr, ma esegue il rendering del bordo se il selettore lo è table tr td.

Come posso impostare un bordo su una tr?

Il mio tentativo, che non funziona:

table tr {
  border: 1px solid black;
}

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

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

Questa è una domanda simile: Imposta il bordo sulla tabella tr, funziona in tutto tranne IE 6 e 7 , ma sembra funzionare ovunque tranne che per IE.

Aggiungi questo al foglio di stile:

table {
  border-collapse: collapse;
}

JSFiddle .

Il motivo per cui si comporta in questo modo è effettivamente descritto abbastanza bene nelle specifiche :

Esistono due modelli distinti per impostare i bordi sulle celle della tabella in CSS. Uno è più adatto per i cosiddetti bordi separati attorno alle singole celle, l'altro è adatto per bordi continui da un'estremità all'altra della tabella.

... e successivamente, per collapseimpostare:

Nel modello del bordo compresso, è possibile specificare i bordi che circondano tutto o parte di una cella, riga, gruppo di righe, colonna e gruppo di colonne.