title: tbody width not automatically extending to width of table
body: <p>Take a look at this example here:</p>
  
  <p><a href="http://denise.brixwork.com/showlisting/1/8297-Valley-Drive-Alpine-Meadows-Whistler-denise-brown-real-estate">http://denise.brixwork.com/showlisting/1/8297-Valley-Drive-Alpine-Meadows-Whistler-denise-brown-real-estate</a></p>
  
  <p>And the red tables under "Specifications" is not becoming the full width of the  containing it - when inspecting on Firebug, the  div is not 220 pixels, but rather, just over a 100 pixels based on the content width. </p>
  
  <pre><code>&lt;div class="grid_4 alpha"&gt;
      &lt;table width="100%" class="grid_4 alpha omega"&gt;
              &lt;tr class="specrow"&gt;
              &lt;td class="specname"&gt;type:&lt;/td&gt;
              &lt;td class="specvalue"&gt;House&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr class="specrow"&gt;
              &lt;td class="specname"&gt;year:&lt;/td&gt;
              &lt;td class="specvalue"&gt;1986&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS code looks like this:</p>
  
  <pre><code>#listing_specs table {
      width: 100%;
  }
  
  #listing_specs table tbody {
      display: table-row-group;
      width: 100%;
  }
  
  .specrow {
      margin:2px 0px;
      border-bottom:1px dotted #dadada;
      color: #fff;
      width: 100%;
      background-color: #A92229;
  }
  
  .specrow:hover {
      background-color:#fff;
      color:#333;
  }
  
  .specname{
      font-weight: 600;
      padding:2px 2px 2px 5px;
      width: 50%;
      white-space: nowrap;
  }
  
  .specvalue {
      font-weight:normal;
      padding:2px 5px 2px 5px;
      text-align:left;
      width: 50%;
  }
  </code></pre>
  
  <p>I know there is a generic CSS resetter, and I think that's what's causing the problem. Unfortunately I can't go and just remove the reference to it because multiple sites refer to it from the same location at this moment, and I can't just make that change without careful review. So I need a way to override it on the stylesheet itself. The reset CSS being called is: </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" media="all" href="http://demo.brixwork.com/master/css/reset.css" /&gt;
  </code></pre>