title: CSS options to apply a border to tfoot? Styling tfoot with "border-top" does not work
body: <p>A border does not render when I apply a CSS border property to <code>tfoot</code> (<code>border-top</code>, <code>border-bottom</code>, <code>border</code>, etc., none render a border)</p>
  
  <p>What options are there to render a border on just <code>tfoot</code> or <code>tbody</code>? Is applying a border to <code>tbody</code> or <code>tfoot</code> supported?</p>
  
  <p>Sample CSS+HTML below, no border is rendered in Chrome 18, Firefox 9 or IE9.</p>
  
  <pre><code>&lt;style&gt;
  table.sample tfoot
  {
   border-top: 2px solid black;
  }
  &lt;/style&gt;
  &lt;table class="sample"&gt;
  &lt;thead&gt;
   &lt;tr&gt;
    &lt;td&gt;Date&lt;/td&gt;&lt;td&gt;DataX&lt;/td&gt;&lt;td&gt;DataY&lt;/td&gt;&lt;td&gt;DataZ&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tfoot&gt;
   &lt;tr&gt;
    &lt;td colspan="3"&gt;Average:&lt;/td&gt;&lt;td&gt;100&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/tfoot&gt;
  &lt;tbody&gt;
   &lt;tr&gt;
    &lt;td&gt;Feb1&lt;/td&gt;&lt;td&gt;22&lt;/td&gt;&lt;td&gt;333&lt;/td&gt;&lt;td&gt;44&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td&gt;Feb2&lt;/td&gt;&lt;td&gt;66&lt;/td&gt;&lt;td&gt;77&lt;/td&gt;&lt;td&gt;88&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>