title: CSS on table not working
body: <p>I have this HTML table:</p>
  
  <pre><code>&lt;table width="1100" border="1" style="text-align:center;" class="invoice"&gt;
  
  &lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;Amount Due&lt;/td&gt;&lt;td&gt;Amount Enc.&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;CAD &lt;?php echo $key['remainingbalance']; ?&gt;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>with this CSS:</p>
  
  <pre><code>table.invoice, th.invoice, td.invoice{
      border: 1px solid black;
  }
  </code></pre>
  
  <p>however it's not styling my table, I am expecting all of the borders for the table, td and tr to be 1px solid black, why is this not working?</p>