cssでheightにパーセントを使用する場合に気をつけること。
パーセントは親要素を基準に算出される為、親要素にheightが設定してある必要があります。
単純にwindowの高さを基準にしたい場合は

/////
html{height:100%;}
body{height:100%;}
/////

としてないと、思った通りの表示が出ません。