Welcome to WebmasterWorld Guest from 188.8.131.52
Forum Moderators: not2easy
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]
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
to the element, or funnily enough, you could simply add a background colour (update your line to read:
) and it will display in IE and everything else fine.
background: #fff url(images/container-bg2.png) repeat-y top left;