En una página que tiene un menú float:left, y un contenido float:right, quiero poner una imagen bajo el menú que se repita, para cuando el contenido es muy extenso, no se vea un espacio muy grande vacio bajo el menú.
He puesto un div bajo el menú, con height:100%, donde el contenedor de la página, body y html tiene heigh:100%, pero no consigo hacer que se expanda hacia abajo. Pongo el html y el css completo.
##########
###html ####
##########
<body>
<div id="contenedor">
<div id="header">
<div id="imagencabecera">
</div>
<div id="titulocabecera">
</div>
</div>
<div id="navegacion">
</div>
<div id="contenido">
</div>
<div id="izquierda">
</div>
<!--##############################################
###aquí comienza la imagen bajo el menú #####################
############################################### -->
<div id="bajoizquierda">
<div id="degsup">
<img src="templates/emch/images/trans-sup.png"/>
</div>
<div id="deginf">
<img src="templates/emch/images/trans-inf.png"/>
</div>
</div>
<!--##############################################
###aquí termina la imagen bajo el menú ######################
############################################### -->
<div id="espaciobanner">
</div>
<div id="footer">
<div id="altominimo">
</div>
<div id="copyright">
</div>
<div id="contenidopie">
</div>
</div>
</div>
<div id="firma">
</div>
</body>
En el siguiente mensaje pongo el css