(SOLUCIONADO) Problemas con DIV

[dimitrix]

Tengo el siguiente código:

Código (css) [Seleccionar] Expandir

<div style="background-color:#000099">
<div style="text-align:right; background-color:#00CCFF; height:inherit; float:left;">Contador...</div>
<div style="text-align:right; background-color:#FF9933; float:right; height:auto;"><input type="submit" id="boton-medio"></div>
</div>


Captura aquí.



El problema es que tengo dos divs uno a la derecha y otro a la izquierda y luego tengo otro div (el primero) que englobal a los otros dos y tiene un color de fondo (azul) que tendría que salir, el problema es que no sale.

Se que puedo poner height el problema es que no se se el tamaño que va a ocupar.

Así que mi pregunta es ¿Cómo puedo englobarlo para que salga el fondo azul?

Gracias.



Solución: overflow:auto;