propiedad FLOAT en DIVs anidados (problemas)

[Hereje]

Lo puedes solucionar poniendo un div con un clear luego de estas cuatro columnas:

Código:

.clear {
  clear: both;
}

Código:

<div id="pie">
  <div class="columna"></div>
  <div class="columna"></div>
  <div class="columna"></div>
  <div class="columna"></div>
  <div class="clear"></div>
</div>

También puedes jugar seteando en la ultima columna float:none.

Fijate a ver que pasa, saludos!