Misaligned <divs> in IE/Safari/Mac

npessoa · Joined: 29 Aug 2005 Posts: 3

I've been working on a layout through trial and error, and even though my code validates, some <divs> on the page are displaying differently in Mac browsers (big surprise!). My layout consists of a centered box (relatively positioned) with graphic <divs> and content in the middle, and there are mysterious black gaps showing up between the main content box and the footer.

Any quick fixes?

I'm just not sure whether I have to use some sort of -px hack, or if it's something in my code that's wrong.

Here are the links:
http://www.matthewtommasini.com/bio.html
http://www.matthewtommasini.com/styles1.css

Thank you so much for your help! I've had to go without sleep for several days trying to figure this out, so any advice is greatly appreciated.