Dave,
It appears that a lot of the problems you see in IE (and some you may have overlooked in Firefox) are due to the box model.
In each of your content elements (e.g. insidestuff, insidecoll), you are specifying both width 100% and some sort of padding. The way the box model works is that each of those elements will then take up 100% of the width allocated to its container. So if the column is allotted 25% of the screen, and on a particular resolution that is 200px, then the content div will get all 200px. But then it adds padding on top of that, so in essence you get something like 220px. IE shouldn't expand the containers to fit the content, but it does. So when you add all three columns together, they end up taking up more horizontal space than the header area, and things don't line up.
That also explains why in each of those divs in firefox, it doesn't appear to respect the right padding of those elements, because in reality they extend beyond the containers.
The solution lies in getting rid of those width: 100% declarations, as they are unnecessary -- by default, a div will already take up as much horizontal space as possible.
Jon ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
