A ver, si alguien puede echarme una mano... (agradecido)

Tengo 3 divs anidados:

<div id="container"> (con imagen del fondo web)
<div id="principal"> (con color de fondo blanco)
<div id="tops"> (con imagen de fondo que se repite en vertical ***)
<div id="bloque1"></div> (estilo: float:left)
<div id="bloque2"></div> (estilo: float:left)
</div>
</div>
</div>

El problema es que como está la cosa la imagen de tops desaparece, por el contrario, si quito los estilos alineación a la izquierda de bloque 1 y 2 aparece, alguie sabe por que???

Saludos y gracias