title: Firefox - CSS Table TR/TD background issue
body: <p>I've got a problem with table TR/TD background in Firefox. I've got table with dynamic content loaded via ajax. When I load content, I mark with green background some of the table rows. I attach a background to each TD in the row but when I check how it works in Firefox I get background only <strong>under</strong> text in td. (in chrome it's working very well on whole td size).</p>
  
  <p><a href="http://i.stack.imgur.com/Hv3Z5.jpg" rel="nofollow">http://i.stack.imgur.com/Hv3Z5.jpg</a></p>
  
  <p>url to site: <a href="http://www.creas.pl/company/apps/moraman/Shipping/CzechRepublic" rel="nofollow">http://www.creas.pl/company/apps/moraman/Shipping/CzechRepublic</a></p>
  
  <p>Table:</p>
  
  <pre><code>&lt;table class="data-table" id="shippingTable"&gt;
                      &lt;thead&gt;
                          &lt;tr class="first last"&gt;
                              &lt;th style="width: 20%;"&gt;Typ&lt;/th&gt;
                              &lt;th style="width: 45%;"&gt;Opis&lt;/th&gt;
                              &lt;th style="width: 15%;"&gt;Wartość zamówienia&lt;/th&gt;
                              &lt;th style="width: 15%;"&gt;Koszt transportu&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody id="loadShippingData" style="display: table-row-group;"&gt;&lt;tr class="first last odd"&gt;
                              &lt;td style="background: #EAF2D3;"&gt;My carrier&lt;/td&gt;
                              &lt;td style="background: #EAF2D3;"&gt;opis&lt;/td&gt;
                              &lt;td style="background: #EAF2D3;"&gt;10000.00&lt;/td&gt;
                              &lt;td style="border-right: 0; background: #EAF2D3;"&gt;5.00&lt;/td&gt;
                              &lt;/tr&gt;&lt;tr class="first last odd"&gt;
                              &lt;td style="background: #EAF2D3;"&gt;Test&lt;/td&gt;
                              &lt;td style="background: #EAF2D3;"&gt;opis&lt;/td&gt;
                              &lt;td style="background: #EAF2D3;"&gt;10000.00&lt;/td&gt;
                              &lt;td style="border-right: 0; background: #EAF2D3;"&gt;99.00&lt;/td&gt;
                              &lt;/tr&gt;
      &lt;/tbody&gt;
                  &lt;/table&gt;
  </code></pre>
  
  <p>Part of CSS:</p>
  
  <pre><code>.data-table {
      width: 100%;
  }
  
  table {
      border-collapse: collapse;
      border-spacing: 0;
      empty-cells: show;
      font-size: 100%;
  }
  .data-table tr.odd.last {
      border-bottom: 1px solid #EEEEEE;
  }
  .data-table th, .data-table td {
      padding: 10px;
  }
  caption, th, td {
      font-weight: normal;
      text-align: left;
      vertical-align: top;
  }
  </code></pre>