title: Applying Background Image to Table Row - Bug
body: <p>I see there are a couple of posts about this around, including one on SO. However none of them answer the question, I am posting a newer one with an image that demonstrates the problem in 4 browsers.</p>
  
  <p><img src="https://i240.photobucket.com/albums/ff34/BrownWarrior/tablebgbug.png" alt="testcase image"></p>
  
  <p>FireFox renders the background image on the TR as I would like but as you can see none of the others do..</p>
  
  <p>Does anybody have any ideas? At this point it looks like I need to go back to the drawing borad.</p>
  
  <p>ps. adding backgound:none or background-image:none to TD doesn't fix this.</p>
  
  <p>This is the code for my test case:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  
      &lt;style type="text/css"&gt;
          body
          {
              background-color:#aaa;
          }
  
          table
          {
              background-color:#fff;   
          } 
  
          tbody tr
          {
              height:80px;
              background:#aaa url("Content/LM_DROPDOWN_BG_BUTT_01.png") no-repeat bottom ;
              position:relative;
          }
  
          tbody tr td
          {
              background-image:none;
          }
      &lt;/style&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
  
  
      &lt;table&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th style="width:200"&gt;Col1&lt;/th&gt;
                  &lt;th style="width:200"&gt;Col2&lt;/th&gt;
                  &lt;th style="width:200"&gt;Col3&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                  &lt;td&gt;Row 1 Col 1&lt;/td&gt;
                  &lt;td&gt;Row 1 Col 2&lt;/td&gt;
                  &lt;td&gt;Row 1 Col 3&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td colspan="3"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Row 2 Col 1&lt;/td&gt;
                  &lt;td&gt;Row 2 Col 2&lt;/td&gt;
                  &lt;td&gt;Row 2 Col 3&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td colspan="3"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Row 3 Col 1&lt;/td&gt;
                  &lt;td&gt;Row 3 Col 2&lt;/td&gt;
                  &lt;td&gt;Row 3 Col 3&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td colspan="3"&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>