Background Image on Table Rows Repeating

Below is the rendered markup:

South	Park	Al
Light	Row	Here
Dark	Row	Here

Problem

Bugs in the following browsers:

• Safari 3.2.1 (5525.27.1), OS X

  

• IE7 7.0.6001.1800, Vista 32-bit

  

• Google Chrome 1.0.154.36, Vista 32-bit

  

Solution (partial to IE7 only)

With tr.headrow having "position:relative" and td/th having "background-image:none"

South	Park	Al
Light	Row	Here
Dark	Row	Here

The above workaround only works for IE7. More info via this post.

Or using "expression"… More info via this post.

South	Park	Al
Light	Row	Here
Dark	Row	Here

Note: The above workaround seems to weird effect on the y-position of the image in IE7.

There is also a thread at Snook's site here (same partial solution as the first)