[Ovillo] div con background 100% height

[stanis]

Muy buenas, llevo dando vueltas con un problema que no consigo  
solucionar. Tengo el body con una imágen de fondo y quiero ponerle  
otra imagen de fondo al div "contenedorpagina" para  ponerle un  
sombreado. Sale todo bien, pero cuando el contendido de cualquiera de  
las siguientes capas "contenidolateral" o "contenidocentral" aumenta,  
la  imágen del contenedor deja de llegar al final y queda colgando a  
mitad de pantalla.

Pongo el código a ver si alguien puede orientarme, estoy ya desesperado

tengo el siguiente código:

<div id="contenedorpagina">
	 <div id="contenedor">
			<div id="cabecera">Cabecera</div>
			<div id="contenidolateral">Contenido Lateral</div>
			<div id="contenidocentral">Contenido Central</div>
			<div id="footer"></div>
	</div>
</div>

el estilo es el siguiente:

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url(../imagenes/fondobody.gif);
}

#contenedorpagina {
	background: url(../imagenes/fondo.gif) repeat-y 0;
	width: 840px;
	margin: auto;
	height: 100%;
}
#contenedor {
	width: 780px;
	margin: auto;
}
#cabecera {
	height: 270px;
	background-color: blue;
}

#contenidocentral {
	background-color: aliceblue;
	margin-right: 200px;
}

#contenidolateral {
	background-color: antiquewhite;
	width: 200px;
	float: right;
}

#footer {
	background-color: aqua;
	height: 80px;
	clear: both;
}


Saludos,