I've been designing my website in Firefox, and everything looks the way it should. But when I checked the design in Chrome and Safari there's suddenly some padding between the header-area and the pages (except on the posts-page) and padding between the page-area and the footer!
Some screenshots to illustrate the problem:
• Firefox - everything looks good:
http://www.tijsco.com/theatergroep/1.png - posts page
http://www.tijsco.com/theatergroep/2.png - front page
http://www.tijsco.com/theatergroep/3.png - normal page
• Safari (& chrome) - padding at top and bottom of page-area:
http://www.tijsco.com/theatergroep/4.png - posts page: this still looks good!
http://www.tijsco.com/theatergroep/5.png - front page: only padding at the bottom (the front page content is wrapped in a table)
http://www.tijsco.com/theatergroep/6.png - normal page: Oh no! padding at top and bottom
I'm using Wordpress 3.4.1 and Atahualpa 3.7.7
There's no custom css added to the site (except the header area) yet.
Anyone knows a solution? Or should I upload more info?