Applying a background image to a table row
Applying CSS to a table can certainly be one of the more frustrating exercises out there. Applying a background image to a table row is one of those. Consider this an addendum to my previous post Designing Data.
In reviewing the CSS spec for tables, it seems to indicate that one should be able to apply a background image to a table row much like applying a background to any specific cell or to the table at large.
However, only Firefox 1.0.3 (and likely all the way back to 1.0) managed to apply the background correctly. In both IE 6 and Opera 7.54, the background image that is declared on the row gets applied to each cell contained within. This creates an ugly repeating pattern that is rather troublesome.
I don't have a solution as of yet (although, if you have any insight, please post a comment) but I'll be working on this some more in the morning.