title: Transparent Background color in IE8
body: <p>There is a <code>&lt;tr&gt;</code> with a <code>background-color</code> (green) and some <code>&lt;td&gt;</code>s override the row's background with its own (gradient). Most cells, however, have a background image (sorting arrows) for part of the cell along with a transparent background color. That's what I'm dealing with now.</p>
  
  <p>All works fine in browsers <em>except</em> IE8. It shows those cells with a white background. When I open F12 Developer Tools and uncheck the <code>background-color: transparent</code> property, the green from the <code>&lt;tr&gt;</code> shows, like it should.</p>
  
  <p>I cannot use the <a href="https://stackoverflow.com/a/3997406/2483765">transparent image hack</a> since we need <code>background-color</code> for the sorting arrows.</p>
  
  <p>How to get the <code>&lt;tr&gt;</code>'s green background to show through to the cells in IE8?</p>