La altura div del contenedor es 0 con elementos flotados en el interior
Tengo una envoltura<div> que contiene dos interiores<div>s que estan flotando.
<div class="outside" style="border:1px solid #555;">
<div class="inside" style="float:left; width:40px;">CONTENT</div>
<div class="inside2" style="float:left; width:40px;">CONTENT</div>
</div>
El problema es el envoltorio.<div> Tiene un ancho de 80px ya que dos interiores<div> Son 40px cada uno. Pero siempre la envoltura.<div> es0px en altura, lo que hace que el borde aparezca como una línea en la parte superior.
Así que coloqué los dos interiores.<div>s dentro de un<table>. Funciono bien Pero, ¿cómo puedo evitar este problema sin tener que ir por un<table>?