Page broken in IE6! Please help!

[terramar]

I'm creating a site using CSS (mostly). And the index page is "broken" in IE6. It looks fine in Firefox, Safari, and IE7.

Here is the link: {oops)

In IE6, the right side floated elements (a couple small image links) are appearing off to the left and in a sense "breaking" the main content area. You'll see what I mean in IE6 vs. Firefox, etc.

In the middle of the page, I have one main div and then three separate inner divs that create the three columns. Maybe I'm going about the design the wrong way.

I could really use some advice on how to fix this problem. Thanks!

Russell

[edited by: SuzyUK at 12:09 am (utc) on Mar. 11, 2008]
[edit reason] Please No URI's [/edit]

[MarkFilipak]

Hi terramar,

Welcome to WebmasterWorld.

No one is going to look at your page. It's verboten. Please ask a simple question with a cogent, terse code set that you copy into your posting. Thanks.

[phparion]

I have similar problem but not sure what portion of my css is making troubles... is there any general guideline to check when page structure is broken in IE6 and working in other browsers? thank you

[swa66]

IE has a broken box model, it calculates sizes differently and stretches boxes where they should not.

It's easy for this to fail miserably if you try to make it all fit by dictating it all yourself (e.g stick a fixed width box in another fixed width item next to something else).
Go with the flow and you barely will notice the difference.

IE has other bugs (oops: features) like a tendency to double margins, 3 pix offsets, and a truckload more silliness that just plain broken and not deemed important enough to get fixed by Microsoft.