Hacer dos columnas no me funciona

Hola a todos, estoy haciendo mi primera página (ahora si) completamente en CSS y XHTML.
La estructura general es esta:



Ya hice lo que está en azul, pero en una sección, en el inicio, necesito hacer dos columnas dentro del div del contenido, intenté hacerlo poniendo float:right y float:left a cada una de las columnas, y efectivamente quedan las dos, pero el footer se interpone en la mitad, y además el texto se extiende y se sale del div de contenido. Ya revisé los tutos, e intenté implementar algo parecido al de Componer un diseño de 3 columnas en XHTML y CSS pero sin éxito ya que me sigue sucediendo lo mismo, queda todo más o menos como en esta imágen:



Mi pregunta es, cómo puedo hacer esto de una forma efectiva, que no importe lo extenso del contenido de las columnas y que no se me descuadre la estructura general que me sirve para las demás secciones. Muchas gracias

Para más referencias: aquí está el archivo CSS que estoy utilizando y este es el resultado de lo que llevo

tanto al footer como al contenido dale la propiedad

Código :

clear:both;

creo que será suficiente

suerte!

O puedes clear una div clear para el mismo fin.

html

Código :

<div id="contenido">


   <div id="der">
   </div>

   <div id="izq">
   </div>

<div class="clearer"></div>

</div>

css

Código :

.clearer{clear:both;}

Realmente me gusta el estilo de la página.

OK, muchas gracias, me funcionó perfecto

Hola zarza!