Google Chrome bug with tr background

Asked 2010-04-07T17:05:30.850

I'm trying to set a background-image to a table row, but background is applied to all its td children.

In IE7 there is the same bug but it is solve with

tr {
    position: relative;
}

Any hint about it ?

Thank you

html css google-chrome

Edit Report

1 Answer

None of the workarounds mentioned worked for me quite right. Here's what I ended up with:

TABLE TBODY.highlight {
    background-image: url(path/image.png);
}

TABLE>* {
    float: left;
    clear: both;
}

Only tested in Chrome and Firefox so no idea how it works in IE (not important in my case), but for me this works flawlessly!

answered 2013-04-07T03:13:19.007