IE6 Pushing Content down

This page renders fine in everything except IE6 (and of course my client has a computer that uses IE6) I have tried all the fixes I can think of and still can't get it to push the center area of content up. Can anyone offer any insight that might help?

Here is the test page: -edited so URL doesn't get indexed (fixed -thanks)

Here is the IE6 viewer that I am using to render the problem: index.php

Thanks in advance for the help
Kathy

Hi Kathy,

IE6 would need the content div to have a given width (percent or pixels).

If you give the content div a width of (say) 550px, float it left and adjust the padding and margin accordingly, you should be OK.

Playing with Firebug, the following changes to the style rules for the content div (at line 157 of 'screen.css') seem to be about right:


screen.css - line 157

#outerWrapper #contentWrapper #content {
background-color:#FFFFFF;
float:left;
margin-left:70px;
padding:20px 10px 10px;
width:550px;
}

ie6 will push content down the page like that if the content is wider than the box it is in.


You will need to modify the width of items in the left content section so that it can fit in the available box.


Start by removing all the content and slowly adding it back in a paragraph at a time till you find the problem element, then modify that elements width down by 10px at a time to find a width that will work, you can then increase the width 1px at a time till you find the max width IE 6 will allow.

I found it. I had one of the tags width too large. Sometimes you just look at something toooo long!

Thanks to all for the insight!

you're welcome.