height100%のボックスを作成する。
xhtmlにおいてblock要素のheightプロパティに対して%で値を指定した場合反映されません。
CSSの仕様上%は親要素のheightに対しての割合で反映されるので、親要素に対して明示的にheightが指定されていない場合、height:autoが継承されるためです。
サンプルの場合
html要素とbody要素のheightプロパティに対して100%と明示的に指定しておく事によりheight100%のdiv要素を作成する事ができます。
関連エントリー
tableの膨張を防ぐ【css tips】
画面の下部にフッターを表示する
CSSで中央表示を実装する【css tips】
CSSで垂直中央を実装する【css tips】
vertical-alignの使い方【css tips】