IE6 Problem with navigation background images

Hi,
Anyone have any ideas why the navigation background image is not appearing correctly in IE6? It's fine in IE7 and FF2.
www.razzleberriesdesigns.com

Thank you very much in advance!

On a side note: your clearing css.

Change:

.clear {
clear: both;
}

To:

.clear {
height:1px;
margin:0 0 -1px 0;
clear:both;
overflow:hidden;
}

Would be working better for ya.

As for your image problem try changing

background: url(web%20graphic/sign.jpg) no-repeat;

to

background: url(web%20graphic/sign.jpg) left top no-repeat;

Code: Select all

ul.nav li a {
width: 138px;
height: 42px;
display: block;
font: bold 12px Georgia, "Times New Roman", Times, sans-serif;
text-decoration: none;
padding: 12px 0 0 0;
background: url(web%20graphic/sign.jpg)left top no-repeat;
color: #952D47;
}

__________________

Thanks Moojoo... no change in the background image in IE6!

I dont have much time but play around with the z-index property, this tends to fix things in IE6

Or the display property.

I'm getting close, I fixed the background image by setting the

Code: Select all

ul.nav a:link, ul.nav a:visited { width: auto}

Now I just have some extra spacing that I need to get rid up under the nav bar in IE6!

For the extra space try

display: inline;

Thanks Craig.. fixed the extra space by correcting the height of the header.
All set!