Forzar a que los "divs" crezcan iguales

[xanthus]

Hola! ....

Estoy desarrollando una página con css, el gran problema es que ahora que ya está lista me pidieron que el div del menu y del contenido lleguen hasta el fin de la página. He intentado ponerle un 100% de height pero no funciona.

Les envió la página Sitio que estoy desarrollando

Además el código css

Código:

body {

	background: #006DB6;
	margin: 0px 0px 0px 0px;
	height: 100%;
	min-height: 100%;
	font-family: arial, verdana;
	font-size: 12px;
	color: #333333;
	min-height: 100%;
}



/* Textos */

p {

	font-family: arial, verdana;
	font-size: 12px;
	color: #333333;
	text-align: justify;
}

li {

	margin-left: 10px;
	font-family: arial, verdana;
	font-size: 12px;
	color: #333333;
	list-style-image: url(images/ico/ico.jpg);
	list-style-position: outside;
}



/* H1, h2, h3 */

h1 {

	color: #DE0303;
	font-size: 11pt;
	font-weight: bold;
	font-family: arial, verdana;
}

h2 {

	font-size: 14px;
	color: #006DB6;
	font-weight: bold;
	text-align: left;	
	margin-top: 0px;
	padding-top: 0px;
	font-family: arial, verdana;
}

h3 {

	font-size: 11px;
	color: #006DB6;
	font-weight: bold;
	text-align: left;	
	margin-top: 5px;
	padding-top: 0px;
	font-family: arial, verdana;
}



/* Links */

a:link, a:visited {

	font-weight: bold;
	text-decoration: none;
	color: #006DB6;

}

a:hover, a:active {

	font-weight: bold;
	text-decoration: none;
	color: #DE0303;

}



/* Divs */

div#contenedor {

	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -369px;
	width: 738px;
	height: auto;

}

div#izquierdo {

	position: absolute;
	width: 208px;
	height: auto;
	background: white;
	top: 7px;
	float: left;
}

div#interior {

	position: absolute;
	margin: 8px 8px 8px 8px;
	width: 192px;
	background: url(images/bg/01-lateral-izquierdo.jpg) 0px 0px repeat;
	border: 8px;
	border-color: #ffffff;
	border-style: solid;
	z-index: 2;

}

div#flash {

	position: absolute;
	width: 522px;
	height: 153px;
	background: #ffffff url(images/bg/04-contenido.jpg) 0px 0px repeat-y;
	border-right: 8px;
	border-top: 8px;
	border-left: 0px;
	border-bottom: 0px;
	border-color: white;
	border-style: solid;
	left: 216px;
	margin-top: 22px;

}

div#hora {

	position: absolute;
	height: 24px;
	width: 311px;
	background: url('upload/hora/hora.jpg') 0 0 no-repeat;
	margin-top: 8px;
	margin-left: 435px;
	text-align: right;
	font-family: arial, verdana;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	vertical-align: top;
}

div#mapa {

	position: absolute;
	height: 24px;
	width: auto;
	margin-top: 5px;
	margin-left: 220px;
	text-align: right;
	font-family: arial, verdana;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	vertical-align: top;
}

div#contenido {

	position: absolute;
	width: 522px;
	background: url(images/bg/04-contenido.jpg) 0px 0px repeat-y;
	border-right: 8px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 8px;
	border-color: white;
	border-style: solid;
	left: 216px;
	margin-top: 182px;
}

div#subpie {

	width: 522px;
	height: 22px;
	background: url(images/bg/05-pie.jpg) 0 0 no-repeat;
	vertical-align: middle;
}

div#piepagina {

	position: absolute;
	width: 522px;
	clear: both;
	left: 50%;
	margin-left: -261px;
	top: auto;
	bottom: 10px;
	height: 40px;
	font-size: 12px;
	text-align: center;
}


/* Blockquote */

blockquote#menu {

	display: block;
	top: 20px;
	width: 192px;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

blockquote#destacados {

	display: block;
	top: 20px;
	width: 170px;
	height: auto;
	margin-left: 11px;
	margin-right: 0px;
	bottom: 11px;
	border: 1px;
	border-color: #E0E0E1;
	border-style: solid;
	background: url(images/bg/02-frame.jpg);
	font-family: arial, verdana;
	font-size: 8pt;
}

blockquote#info {

	width: 492px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	padding-bottom: 15px;
	font-family: arial, verdana;
	font-size: 11px;
}

/* Tablas */

table {

	font-family: arial, verdana;
	font-size: 11px;
	color: #333333;

}



/* Formulario */

input {

	border: 1px;
	border-style: solid;
	border-color: #DE0303;
	font-size: 11px;
	font-family: arial, verdana;
	color: Black;
}

textarea{

	border: 1px;
	border-style: solid;
	border-color: #DE0303;
	font-size: 11px;
	font-family: arial, verdana;
	color: Black;
}

/* Imagenes */

img#espacio {

	padding-top: 20px;
}

img#titulo {

	padding-top: 1px;
	padding-bottom: 10px;
}

img#submenu {

	margin-right: 5px;

}

/* Clases */

.negrita {

	font-weight: bold;
}

.texto-der {

	text-align: right;
}

.etica {

	margin-left: 61px;
}

.directorio {

	font-size: 12px;
}

.sitios-interes {

	border: 1px;
	border-style: dashed;
	border-color: #cccccc;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: -3px;
	padding: 0px 0px 0px 0px;
	bottom: 0px;
}

.derimg {

	margin-left: 7px;
}

.izqimg {

	margin-right: 7px;
}

.centroimg {

	margin-right: 5px;
	margin-left: 5px;

}

.vermas {

	font-size: 10px;
}

.titlenot {

	font-size: 12px;
}

.fecha {

	color: #DE0303;
	font-weight: bold;
}

#mapa a:link {

	font-weight: bold;
	text-decoration: none;
	color: white;
}

#mapa a:visited {

	font-weight: bold;
	text-decoration: none;
	color: white;
}

#mapa a:hover {

	font-weight: bold;
	text-decoration: none;
	color: #DE0303;
}

#mapa a:actived {

	font-weight: bold;
	text-decoration: none;
	color: #DE0303;

}

Muchas Gracias ...