Absolute positioned DIVs different IE vs Mozilla/Firefox

[kineticsocal]

I used "position: absolute" for each of the divs, but they show up all over the place in different browsers. I haven't even tried in Opera. Can someone help me fix this or suggest another method of doing layout? My table version of this layout is also floundering.

http://www.geocities.com/troublemakerextraordinaire/index2.html

My CSS is valid. (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.geocities.com%2Ftroublemakerextraordinaire%2Findex2.html&usermedium=all)

My HTML would be valid if it weren't for the stupid geocities banners. (This is just a temporary location for the file)

(see errors) (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.geocities.com%2Ftroublemakerextraordinaire%2Findex2.html)

Thanks.

Daniel.

[Vladdy]

IE box model is screwed up. Use HTML Strict to have it right in IE6.0 - use HTML hacks or preprocessing for older versions.

[kineticsocal]

Thanks. That worked.

Follow-up question: is there a way to get this thing to center horizontally using absolute positioned divs?

Daniel.

[kineticsocal]

Nevermind. Caught another thread on the same topic. :)

[kineticsocal]

What kind of hacks/preprocessors can be used to get it to work in IE5.x/Mac? I am able to use the DOCTYPE to constrain it in IE6/PC. Thanks.