css3:box-sizing

* {	padding: 0;margin: 0;}
html, body {	height: 100%;}

div {
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#platform {
	padding: 20px;
}
#wrap {
	padding: 20px;
	border: 7px solid #f99;
}
#primary {
	border:7px solid #69f;
}

html,body{height:100%}でブラウザー表示領域一杯まで広げたブロック要素に、余白やborderを含ませつつ100%におさめる方法 | 乱雑モックアップのサンプルページです。