設置したdivの背景をページ下まで伸ばす

090819

良く使うのだが、div要素をブラウザの下の方まで伸ばす方法。
毎度、忘れてしまうのでメモっておく。

htmlの例

[html]
<body>
<div id="layout">ブラウザの下まで伸ばしたいよ</div>
</body>
[/html]

cssの例

[css]
html{
height:100%;
}
body{
height:100%;
}
#layout{
height:100%;
min-height:100%;
width:80%;
background:Khaki;
border-right:1px solid red;
}
body > #layout{
height:auto;
}
[/css]

と、これだけ。