Dos columnas css

[Mafius]

Hola,

Gracias por tomaros la molestia de entrar en mi post. Os cuento...

Estoy modificando un wordpress para que muestre dos columnas debajo de los post. El caso es que la columna derecha se me mete encima.

En html tengo esto...:

Código PHP:

  <div id="contenedor">
<div id="izquierda">
</div>
<div id="derecha">
</div>
</div> 
   

Y en CSS...

Código CSS:

#contenedor {
text-align: left;
width: 600px;
margin: auto;
height:440px;
}
 
#izquierda {
float:left;
background-color: #fafafa;
border:1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: none;
}
 
#derecha {
margin-left:300px;
background-color: #fafafa;
}
 

El problema es que el background-color de la columna de la derecha "se sube" hasta el inicio de la página.

[opzina]

A derecha e izquierda le faltan definir anchos.
Y la propiedad "float" necesita de esos anchos para ser codigo valido.
A demas a derecha no le has puesto float.

Mira eso y comenta.

[Mafius]

Muchas gracias opzina, ahora va perfecto.