title: How to set border to <tbody> element?
body: <p>Why doesn't the border show around <code>tbody</code> in the following? I tried <code>rules="groups"</code> and the border appears, but only between the two <code>tbody</code> sections and it is collapsed.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>table.sectioned tbody {
    border: 2px solid black;
    border-collapse: separate;
    border-spacing: 4px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table class="sectioned"&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;td colspan="2"&gt;&lt;b&gt;General Data&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Tail Number&lt;/td&gt;&lt;td&gt;N0809021&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Type of Ownership&lt;/td&gt;&lt;td&gt;personal&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Type of Aircraft&lt;/td&gt;&lt;td&gt;aircraft under 13,000 pounds&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Year of Manufacture&lt;/td&gt;&lt;td&gt;1999&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Use of Aircraft&lt;/td&gt;&lt;td&gt;private&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Start Date&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Policy Length&lt;/td&gt;&lt;td&gt;6 months&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;tbody&gt;
      &lt;tr&gt;&lt;td colspan="2"&gt;&lt;b&gt;Additional Aircraft Information&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Manufacturer&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Model&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Engine Make&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;tr&gt;&lt;td&gt;Number of Seats&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>