title: Apply border-spacing to table body rows only
body: <p>I have a table with 2 header rows and multiple body rows. I want the spacing between rows in the body to be 10 pixels. I achieve this with:</p>
  
  <pre><code>border-collapse: separate;
  border-spacing: 10px;
  </code></pre>
  
  <p>However, this also obviously applies to the rows in the header. But for the header, I want there to be no space between the rows. My HTML is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>table td {
    background-color: lime;
    padding: 12px 12px 12px 12px;
  }
  table th {
    background-color: red;
    padding: 12px 12px 12px 12px;
  }
  table {
    border-collapse: separate;
    border-spacing: 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;head 1&lt;/th&gt;
        &lt;th&gt;head 1&lt;/th&gt;
        &lt;th&gt;head 1&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;head 2&lt;/th&gt;
        &lt;th&gt;head 2&lt;/th&gt;
        &lt;th&gt;head 2&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt;Cell&lt;/td&gt;
        &lt;td&gt;Cell&lt;/td&gt;
        &lt;td&gt;Cell&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Cell&lt;/td&gt;
        &lt;td&gt;Cell&lt;/td&gt;
        &lt;td&gt;Cell&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Cell&lt;/td&gt;
        &lt;td&gt;Cell&lt;/td&gt;
        &lt;td&gt;Cell&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The fiddle is <a href="http://jsfiddle.net/5osx023r/1/" rel="nofollow">here</a>. I want there to be no space between the bottom of the first header row and top of second header row. I've tried applying <code>border-spacing</code> just to the body but it only works at table level. Any ideas?</p>