Grey Background Around Wrapper?

Get Started
1

I have a web page designed very similiar to these: Games Bundles - WHY/SPEC X360? - Play.com (UK) - Free Delivery and [url=http://www.rightmove.co.uk/]UK’s number one property website for properties for sale and to rent however, it only appears to work in compatability view and not in standard view.

I have a CSS div which covers the whole screen with a grey background and then a wrapper at 1000px wide with a white background.

Can anyone tell me the prefered method of making a page like this?

2

I would do it as follows:


html, body {
	height: 100%;
}

body {
	background: #d4d4d4;
	margin: 0;
	padding: 0;
}

#wrapper {
    background: #fff;
    margin: 0 auto;
    min-height: 100%;
    width: 1000px;
}

and in your html


<body>
<div id="wrapper">
</div>
</body>