Как растянуть <div> по высоте страницу прижав футер

HTML-заготовка в две колонки произвольной высоты выравненных по нижнему и верхнему краю. Футер прижат к подвалу страницы.

 

Демо

 

Код:

<!DOCTYPE HTML>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Your Website</title>
	<style>
		* {
			padding: 0; 
			margin: 0;
		}
		html,
		body {
			height: 100%;
		}
		#header {
			width: 100%;
			height: 80px;
			position: absolute;
			top: 0;
			background-color: #bbb;
		}
		#footer {
			width: 100%;
			height: 80px;
			background-color: #000;
			margin-top: -80px;
		}
		#wrap {
			padding-top: 80px;
			padding-bottom: 80px;
			display: table;
			height: 100%;
			width: 100%;
		}
		#block1 {
			width: 200px;
		}
		#block1,
		#block2 {
			display: table-cell;
		}
		#block1 {
			background-color: #cecece;
		}
		#block2 {
			background-color: #efefef;
		}
		
	</style>
</head>
<body>
	<div id="header"></div>
	<div id="wrap">
		<div id="block1"></div>
		<div id="block2"></div>
	</div>
	<div id="footer"></div>
</body>
</html>

 

Мои PET-проекты
Матч Шредингера. Про футбол без спойлеров. Сервис помогает выбрать интересный матч для просмотра в записе. Перейти »
MafiozZz. Сервис для тех, кто любит играть в мафию. Сервис дает клубам возможность завести клубный сайт, предоставляет удобный интерфейс для ведения подобной статистики, расписания игр, выдавать игрокам награды, проводь адресную SMS рассылку (и прочие плюшки). Перейти »