Webkit-Hintergrundbild wird beschnitten

Question

Ich habe ein kleines spaßiges Problem.

Ich habe ein Hintergrundbild auf meinem body-Element, und es lädt so in Webkit-Browsern (speziell Chrome).

Fenster verkleinern scheint das zu beheben...

So sollte es eigentlich aussehen:

CSS:

body {
padding-top: 360px;
font-family:Helvetica, Helvetica Neue, Arial, sans-serif;

background: url('images/page-bg2.jpg') no-repeat left center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Warum passiert das und wie kann ich es beheben?

Live-Seite: http://www.healthfair.biz/

Danke Leute!

Answer 1

Ich würde vorschlagen, den body Padding-Top (set th zu entfernen und stattdessen das gleiche Padding-Top auf div.wrapper zu verwenden. Das sollte helfen.