Yet another IE6 float issue

[davidjfingerlos]

Hi all. I'm new to both this forum and to CSS. So, if I don't post correctly or ask a stupid question or break the rules somehow, I apologize in advance.

I'm trying to create a website for my (soon to be unemployed) self. It is not a complex site. Here's the URL: http://www.fingerlos.com/test/index.html

The issue is I cannot get the pink and green boxes (divs) to show up side by side in IE6. The code has been validated and it works fine in every browser on Mac and PC except IE6. I've spent five days reading everything online, message boards, books, experimenting, nagging my friends for help. No progress at all. I've tried zooms, z-indexes, clears, resets, doctypes, display inlines... you name it, all to no avail. I don't even have any more hair left to pull out and none of my friends will talk to me now.

I know the problem isn't with a child/parent/width issue as I'm confident of my math and the two divs are way less than the width of their container. I know the issue isn't margin or padding related as there are no margins or padding. It's probably something stupid like a colon or bracket out of place, but after five days I'm desperate to make some progress on this.

Can someone out there help me?

Thank you.

dave.f

[Snookerman]

I see absolutely no difference in IE6, looks just like FF3, Op9.6 and IE7:
Attachment 2217

[davidjfingerlos]

Well, the plot thickens.

Thank you for the screen shot. It's encouraging in one way- that the divs are behaving, but it appears my png fix isn't working in your browser.

I've had a couple of other IE6 users check on their PCs and the divs are stacked.

So now I'm completely confused (and all the more frustrated).

I think I'm just going to tear the site apart and build it another way. Probably should have done this four days ago.

Thanks again snookerman for looking at it for me.

dave.f

[Snookerman]

If you tell us what the problem is, maybe we can help you and spare you the trouble of rewriting your site.