title: Table header not receiving CSS (I think)
body: <p>I have some simple HTML here: </p>
  
  <pre><code>&lt;table class="table shipment" id="payItems"&gt;
   &lt;thead&gt;
    &lt;tr&gt;
     &lt;th class="sku"&gt;Varekode    &lt;/th&gt;
         &lt;th class="productName"&gt;Produkt&lt;/th&gt;
        &lt;th&gt;Pris&lt;/th&gt;
     &lt;th&gt;Antall&lt;/th&gt;
     &lt;th style="text-align: right; padding-right: 80px;"&gt;Sum&lt;/th&gt;
  
    &lt;/tr&gt;
   &lt;/thead&gt;
   &lt;tbody&gt;
  ...content...
   &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And this CSS:</p>
  
  <pre><code> table#payItems.table thead th
  {
   border: 0;
  }
  </code></pre>
  
  <p>Because it's in a wrapper div with rounded corners, and the top th has a top border I want to get rid of, but any combination of th, tr, thead doesn't seem to get rid of this border.</p>