BG IMage in Table

IE Fine- Netscape no go!

[carfac]

Hi:

I have a table in a page I use as the page header- it has a repeating BG image that is dark, with the page title in white over the BG. It works FINE in IE, but in NS (7), I just get a sliver of the BG image, not over the whole table. Here is the code I use now:

For the table banner:

<table CLASS="banner" STYLE="background-image:url(/images/bg.gif)"> <tr>
<td>
<h1 CLASS="mainwhite">My Site Title</h1>
<h2 CLASS="subwhite" STYLE="font-weight: normal; margin-left: 1cm; text-align: left;">
Sub Page Name
</h2>
</td>
</tr>
</table>

CCS Code:

.banner {
font-size:90%;
display:inline;
text-decoration: none;
text-align:center;
font-family:arial, sans-serif;
font-weight:bold;
}

What can I do to make that image appear over the whole BG of the table, and in all browsers?

Thanks!

dave

[DrDoc]

Wrap a DIV around the table and apply the background to it instead...

[MWpro]

"Wrap a DIV around the table and apply the background to it instead... "

Yes that is a good solution. If all you're using the table for is the background on the banner section, then you can even just get rid of the table completely and replace it with a div.

[carfac]

Thank you!
I will go reseaerch the DIV and figure that out!

[scottmack]

Try removing the display: inline

[carfac]

scottmack:

Or, I guess I could remove that! :)

Thanks! Worked like a charm!

dave