Đường viền xung quanh phần tử tr không hiển thị?

Có vẻ như Chrome / Firefox không hiển thị đường viền tr, nhưng nó hiển thị đường viền nếu bộ chọn table tr td.

Làm thế nào tôi có thể thiết lập một đường viền trên một tr?

Thử của tôi, không hiệu quả:

table tr {
  border: 1px solid black;
}

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

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

Đây là một câu hỏi tương tự: Đặt đường viền cho bảng tr, hoạt động trong mọi thứ ngoại trừ IE 6 & 7 , nhưng nó dường như hoạt động ở mọi nơi ngoại trừ IE.

Thêm cái này vào bảng định kiểu:

table {
  border-collapse: collapse;
}

JSFiddle .

Lý do tại sao nó hoạt động theo cách này thực sự được mô tả khá tốt trong thông số kỹ thuật :

Có hai mô hình riêng biệt để thiết lập đường viền trên các ô bảng trong CSS. Một thích hợp nhất cho cái gọi là đường viền được phân tách xung quanh các ô riêng lẻ, cái kia thích hợp cho các đường viền liên tục từ đầu này sang đầu kia của bảng.

... và sau đó, để collapsethiết lập:

Trong mô hình đường viền thu gọn, có thể chỉ định các đường viền bao quanh tất cả hoặc một phần của ô, hàng, nhóm hàng, cột và nhóm cột.