css div height

[magicfun]

<snip>

My left column background color seems to stop half way down the page in IE 6.

Is there a way to get it to display at 100%? Works fine with IE 7 and Firefox.

I'm also having problem getting the padding just right on the site root in IE 6. Some reason the middle column gets pushed too far to the right, (should be 7px). Looks bad on IE 6 but great on 7 and ff.

Thanks.

[edited by: swa66 at 9:35 pm (utc) on July 9, 2009]
[edit reason] No URLs please see ToS and forum charter [/edit]

[jameshopkins]

This is a shot in the dark, since you don't provide any code or that much of a detailed description.

Add a property that triggers Layout in IE6 to fix the first issue in IE6; I'd be tempted to try add 'zoom:1;' to your left column. Have you specified a fixed height to this column, or is left as computed height?

I assume you're floating the columns to get them horizontally aligned with one another? It's possible that you've specified a margin value in the same direction to which you're floating the columns, and inadvertantly triggered IE6's double-margin float bug. If this is the case, you can add display:inline, to the element which will fix it.