October 3, 2008
Today at work we ran into a problem with Firefox using a background on the body.
The setup was a background on the body tag to be centered with the browser window to fit behind a centered div.
Using a min-width on the body alone done nothing. IE6 and 7 with width:1024px; on the div stopped the background from moving but not in Firefox.
To fix this in Firefox we had to add the html element into the css tag.
html, body { min-width:1024px; background:url(image.jpg) no-repeat center 0; }
div { width:1024px; margin:0 auto; }
Note: You don't need to include the background here, this can just go normally on the body tag.
