Background Image Displaying in IE7/Firefox but not in IE6

[simcom]

Hi

I have seen a few other posts on this forum about this from my seaching, however still cannot find a solution to my issue (probably just me, so if anybody knows where this has been answered before grateful for a point in the right direction).

My CSS background masthead is appearing fine, as are all of my background images in other cells. The problem div is this one:

#main {
position:relative;
left:0px;
top:0px;
width:760px;
height:1500px;
z-index:1;
background-image: url(../images/background.png);
}

The site URL is here The area where the background should be is displayed as a light blue colour on my computer with IE6.

All of my background images are PNG.

Many thanks for any help!

[drhowarddrfine]

Validate and fix your 14 html errors and validate for CSS, too. id names can only be used once per page.

[Floydan]

i might aswell add that IE6 cant handle .png files properly if they have transparent pixels in them.

[simcom]

Thanks for your replies. I've fixed all the HTML errors thrown up by validation, and my CSS has passed a separate validation check as well.

I've tried changing the affected background to .jpg from .png, but this hasn't solved the problem - the page views with a light blue background on IE6 the same as before.

Any other ideas?

Cheers

[drhowarddrfine]

The background on #main is still a .png but this problem is really weird.

[simcom]

Yeah, I changed it back to the original .png after I tried out the .jpg without success.

I'm still trying to get my head round this!