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?

Without access to the site, it is hard to say. If it is on a local host, I would recommend viewing a page with the problem, then view the page source, copy it and save it to a file

Open the file in a text editor and a browser
Now start removing code, change I'd/class names so the CSS won't apply and save the file then press refresh to see the effect.

Doing this you can isolate the cause of the issue and if you can't fix it, you can give a detailed explanation of what is causing it.