Repeat-y problem in IE 6.0

[guitarplayer08]

<snip>

Page works just fine in Firefox, but not in IE 6. The XHTML and CSS both validate.

The #maincontent background image is not even doing repeat-y if you view this in IE. Is this because I'm using .PNG format for it?

Please view the HTML and CSS sources. Your help would be gladly appreciated

[edited by: swa66 at 4:28 am (utc) on Jan. 22, 2009]
[edit reason] No personal URLs, please sse forum charter for guidance [/edit]

[Setek]

Hi guitarplayer08,

Welcome to Webmaster World :) Just so you know, you can't drop URIs like that, please see the CSS Forum Charter [webmasterworld.com], the Webmaster World Terms of Service [webmasterworld.com], and have a read of the Guide to posting HTML and CSS [webmasterworld.com].

Anyway, I did have a quick peek, and the problem is just a simple bug in Internet Explorer 6: div#mainContent doesn't have its hasLayout property triggered. It's not because of PNGs. Just an annoying browser.

You can fix this by applying

zoom: 1;

to the element, or funnily enough, you could simply add a background colour (update your line to read:

background: #fff url(images/container-bg2.png) repeat-y top left;

) and it will display in IE and everything else fine.