From: "Robert Reed" [EMAIL-REMOVED]>
> the main
>box in the middle below the header was about 5-7px off.
> for IE
>The page in question is http://atma.whatnet.org/sobag/index.php
>The style sheet in question is http://atma.whatnet.org/sobag/main.css
Sure. Redo your math calculations for your DIV.top that is currently set to 95px, but is supposed to
contain images that total 102px. FF and Opera will do this, keeping the expected height of that box
at 95px. IE won't, it will expand the box size to hold all the contents.
Everything "in the flow" that follows (DIV.mid, the other two are absolutely positioned) bases it's
distance from the top of the page based on what it thinks the height of DIV.top is. IE thinks it's
102px, because that's how much stuff you've put in there. Therefore, when you add 8px of padding to
DIV.mid, the text appears pushed down.
You can equalize the displays by changing the height of DIV.top to 102px, and removing/adjusting the
padding to suit. To get the borders of DIV.mid to go up under the divtop_bottomline.jpg, you can use
a negative top margin on DIV.mid of 3-4px. Again, adjust the top padding on that div to your liking.
These suggestions ought to get you pretty close to what you want.
I hope that helps,
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/