When using 960.gs, I have created a login screen with a div for the login form that has a background image. This div is positioned below a header, which centers it in the browser window. In my CSS, I am setting the body color as follows:
body {
background-color: #594c34;
margin: 0;
padding: 0;
font-family: "Arial";
}
Everything functions correctly up to the bottom of the login panel/content div; however, below this point, the page background appears white upon initial loading. It only fills with the correct color upon refreshing the page. This issue seems to be specific to webkit browsers such as Chrome and Safari.
How can I ensure that the page background color fills the entire browser window from the outset? Is this problem related to 960.gs or something else?