CSS, background-image and Netscape

Am I out of luck?

[chameleon]

I'm trying to get a background image to display properly in a Positioned <DIV>, and Netscape keeps putting a border around it. I've tried setting the margins to 0, the padding to 0, the borders to 0, and nothing seems to work.

Does anyone know of a way around this?

Here is the CSS code:

.nav { background-image: url('images/Nav_Background.gif'); 
 layer-background-color: #FFFFCC;
 position: absolute; 
 left: 0; 
 top: 181; 
 width: 185; 
 height: 480;}

You can see the actual page by following the link in the Interests section of my profile.

Any help would be much appreciated!

[tedster]

You've got an extra </div> tag in your code just before the footer div - that could be causing quirky behavior.

[mivox]

have you tried border: none; instead of setting it to zero?

[chameleon]

tedster - Thanks for the catch. I removed that extra DIV, but no luck.

mivox - I tried that with no luck.

Any other suggestions?

[chameleon]

Well, in the end, I gave up and went with (mostly) tables.

Sad. I really wanted to go all CSS on this one, but that darned Netscape is the achilles heal again.

When will it just go away...:(

[SuzyUK]

Chameleon...just a suggestion, (btw, I'm not seeing any borders IE6, NS6 or Opera)

rather than chop the image, use it in it's entirety as a background image to the page, then position the rest of your divs where you want to...

Suzy

[chameleon]

Suzy,

Thanks for the input. I actually re-did the whole thing in a table so it would get rid of the border problem.

I guess I could have gone with the huge background approach -- maybe next project.

Thanks anyway...

[highman]

I have had a similar effect when the style sheet was not in the root of the web, some referencing error in NS

Just a thought...

[chameleon]

In this case, the style sheet wasn't included -- it was just between two <style> tags in the code...