Back to CSS Tips
Preview: what the working site looks like.

The body {overflow-y: scroll;} is what forces the scrollbar to appear.
html, body {height: 100.1%;} is the old way of doing and still works fine.

The markup
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>  
    <div id="container">
        <p>
            The <code>body {overflow-y: scroll;}</code> is what forces the scrollbar to appear.<br />
            <code>html, body {height: 100.1%;}</code> is the old way of doing and still works fine.
        </p>    
    <!--container--></div>  
</body>
</html>
        
The CSS
html, body {
	margin: 0;
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background: #fc6;
}
body {overflow-y: scroll;}
#container {
	width: 400px;
	margin: 30px auto;
	padding: 100px;
	overflow: auto;
	background: #999;
}