特定要素をブラウザ画面全域に広げる

背景に敷きたい特定のdivなどを画面いっぱいに広げる。
一応できてるっぽいけど、これでいいのだろうか。
※標準モードとする。
※widthはCSSで100%でもいいのだけど、高さはJSでやるしかないのか。

var windowWidth = 0;
var windowHeight = 0;

function resize() {
	//IEの時の幅と高さを取得
	if(navigator.userAgent.indexOf("MSIE") > -1){
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	}else{
	//IE以外の幅と高さを取得
		windowWidth = window.innerWidth;
		windowHeight = window.innerHeight;
	}
	
	//#contentsにスタイルで幅と高さを指定
	document.getElementById('contents').style.width = windowWidth + "px";
	document.getElementById('contents').style.height = windowHeight + "px";
}

//window.onresize = 関数;
//ウインドウがリサイズされると、resizeを実行。
window.onresize = resize;

ここでは、#contentsが画面いっぱいに。

■デモ
http://2244.jp/_demo/window-size/01/

■参考
・標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有
・【Javascript】ブラウザの表示領域サイズ取得について - すたら日記
・ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study