title: Table height with one row stretching row height
body: <p>I have a table that has one row of tableheaders in it. The table has a height of 195px, and when it is rendered (js/jquery) the first row stretches the entire height of the table. How can I make it so the table row stays the default height?  I have tried using tr:first-child to set the height statically but it isn't working.</p>
  
  <pre><code>&lt;table class="tabled"&gt;
  &lt;tr&gt;
      &lt;th&gt;Header 1&lt;/th&gt;
      &lt;th&gt;Header 2&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;style&gt;.tabled { height: 195px; } .tabled tr:first-child {20px; }&lt;/style&gt;
  </code></pre>
  
  <p>This <code>&lt;tr&gt;</code> stretches the entirety of 195px when it is the only row in the table.</p>