title: css - table row background color fill all padding space
body: <p>I have an html table that looks like this:</p>
  
  <pre><code>&lt;table style="border-spacing: 10px"&gt;
   &lt;tr style='background-color:red'&gt;
    &lt;td&gt;&lt;b&gt;Member&lt;/b&gt;&lt;/td&gt;
    &lt;td&gt;&lt;b&gt;Account #&lt;/b&gt;&lt;/td&gt;
    &lt;td&gt;&lt;b&gt;Site&lt;/b&gt;&lt;/td&gt;
    &lt;td&gt;&lt;b&gt;Date&lt;/b&gt;&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The padding in between the  elements is fine, but the background color seems to only fill the TDs and leave lots of gaps because of padding/spacing. How can I make the TR background color fill the entire row, and flow through the 10px border spacing?</p>