Topic: background image in css

So i'm part way through designing this page for http://www.csszengarden.com , and i've run into a road block. When i view the page in IE it seems to work fine. However, when i view it in Netscape 6 the top graphic doesn't show up. I know that different browsers render css differently. Is there some type of bug with background images? Any help would be appreciated.

You have to quote everyting.
<DIV id="container"> instead of <DIV id=container>.

As I can see, you saved that page with the IE "Save as.." option. IE forgot all the quotes. Add them and you'll see everything works fine in Moz/Netscape.

Thanks for the reply u-neek. I redownloaded the html file, this time with quotes. I hadn't realized that IE downloaded the files sans quotes. Unfortunately, even with the quotes nothing has changed. I still see no image in netscape 6. Is there anything else it can be? I've tried everything I can think of, and I'm stumped.

This might not be it, but things like

background: transparent url(benefits.gif) no-repeat center;

should be

background: transparent url(benefits.gif) center no-repeat;

The position comes before the repeat type.

quote:

---

The position comes before the repeat type.

---

Shouldn't matter.

Why not let the header have the background img instead (#pageHeader)?
And btw, you have to adjust the margin/padding for the right list.



[This message has been edited by HZR (edited 06-04-2003).]