[css-d] background-image with tr and td

[Gary Hayden-Sofio]

I've set a background image to display for a table row, and have done
the same using a different image for a table cell within that row.

In Firefox (PC), the result is what I hoped for - the row would display
its background image, and the cell in that row would display its
background image as though it were layered on top of the background
image of the row.

In IE (PC), the result is the background image for the row displays in
all cells of that row except for the cell that displays its own
background image; is this cell, the background image of the row does not
display at all. The background image of the cell does display.

Here's the CSS:

tr.title-row {
        background-image: url("http://www.url.com/title_row.gif";);
        background-position: center;
        background-repeat: repeat-x;
}

td.class-status
{       background-image:url("http://www.url.com/class_status_oval.gif";);
        background-position: center center;
        background-repeat: no-repeat;
}

My question is, what is it about IE that causes the background image of
the table row to behave differently than it does in Firefox? And,
outside of using an image editor to impose the background image of the
table row onto the background image of the table cell, is there a
solution here?

Much thanks.

Gary H-S

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/