Table-less design not working

Hi! I am currently attempting to convert a table-based site to one that uses CSS for the layout. The major problem that I am having while doing this, though, is getting it to look consisent in every browser. In the attached file there is more detailed description of the problem, the XHTML code I am currently working with, and screen shots of several browser tests. I hope that some one here can give me some insight into what I am doing wrong. Many thanks in advance!

Best Regards,
Joe of 4Life

Note: the file is too big to attach here (only 490kb though), so you can get it here.

Joe,

I have a feeling it's due to a minor problem that IE5 and Opera browsers have. It has to do with the way those 2 browsers render the "box model".

Here's a link that will explain the problem, as well a provide a workaround (hack):

http://www.tantek.com/CSS/Examples/boxmodelhack.html

Thank you, Frankie. I decided to completely ditch that layout in favor of brand new one from scratch. I also ran into that box model problem but found the fix elsewhere. Thank you for the link though!

Joe

Joe,

No problem... Hopefully your new layout will work out for you!