How to set border to <tbody> element?

Question

Why doesn't the border show around tbody in the following? I tried rules="groups" and the border appears, but only between the two tbody sections and it is collapsed.

table.sectioned tbody {    border: 2px solid black;    border-collapse: separate;    border-spacing: 4px;  }

<table class="sectioned">    <tbody>      <tr><td colspan="2"><b>General Data</b></td></tr>      <tr><td>Tail Number</td><td>N0809021</td></tr>      <tr><td>Type of Ownership</td><td>personal</td></tr>      <tr><td>Type of Aircraft</td><td>aircraft under 13,000 pounds</td></tr>      <tr><td>Year of Manufacture</td><td>1999</td></tr>      <tr><td>Use of Aircraft</td><td>private</td></tr>      <tr><td>Start Date</td><td></td></tr>      <tr><td>Policy Length</td><td>6 months</td></tr>    </tbody>    <tbody>      <tr><td colspan="2"><b>Additional Aircraft Information</b></td></tr>      <tr><td>Manufacturer</td><td></td></tr>      <tr><td>Model</td><td></td></tr>      <tr><td>Engine Make</td><td></td></tr>      <tr><td>Number of Seats</td><td></td></tr>    </tbody>  </table>

Answer 1

Add:

table {border-collapse: collapse;} 

FIDDLE

Answer 2

Add display:block to your tbody style. Try this

tbody{     display:block;     border: 2px solid black;     border-collapse: separate;     border-spacing: 4px;  } 

You can test it out on this fiddle