[CSS+HTML] 背景を画面全体に設定する

背景をbody以外でもめいっぱい適用したいというときのためのメモ。絶対位置で#containerに上下左右の位置を0にすればピッタリと縦横100%の領域をとることができる。コンテンツがオーバーしたときはoverflowで対応。

IE7、IE8、Firefox3.6、Opera10.6、Chrome6.0、Safari5.0で動作確認済みです。
※ただし、このシンプルなboxのみ動作確認しただけなので、内部に複雑なコンテンツを入れていくとうまくいかないかもしれないです。

<style type="text/css">
body{
margin:0;
padding:0;
overflow:hidden;
}
#container{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:#ffc;
overflow:auto;
}
</style>
<body>
<div id="container">
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
<p>page</p>
</div>
</body>