height: auto y height: 100% no funciona

[ArturoGallegos]

cuando flotas los elementos (float) , el elemento padre es incapaz de tomar la altura de sus hijos por lo que necesitas limpiar el float para que el padre cresca.

hay dos formas de hacerlo, la primera no muy recomendable ya que es un tanto sucio es utilizar la propiedad css clear (left, right o both)

Código HTML:

<div>
    <div id="columL"></div>
    <div id="columR"></div>
    <div style="clear: both;"></div>
</div>
 

y la segunda forma mas optima es utilizar overflow (hidden o auto) en el elemento padre

Código HTML:

<div style="overflow: hidden;">
    <div id="columL"></div>
    <div id="columR"></div>
</div>