Problema con CSS

[Manuel_A]

Hola a todos :)
Tengo 14 años, estoy haciendo una web (ahora en mi disco duro) para practicar. Pero estoy teniendo problemas con CSS (que ya he buscado en el foro, pero no encuentro nada que me sirva). La idea es que haya dos barras, y abajo una línea con texto. Pero dicha línea se monta sobre las dos barras de antes. Mirad el código vosotros mismos:
El CSS

Código:

#contenedor {
width: 500px;
margin-left:6%;
}
#izquierda {
width: 250px;
float:left;
}
#derecha {
width: 250px;
float:right;
}
#footer {
height: 50px;
width:100%;
position:fixed;
}

Y el HTML

Código HTML:

<div id="contenedor">
   <div id="izquierda">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu iaculis arcu. Etiam enim lorem, lobortis a scelerisque sit amet, volutpat a diam. Curabitur imperdiet, tortor ac scelerisque congue, neque.
   </div>
   
   <div id="derecha">
   Proin a tellus eget mauris tincidunt luctus a nec nisi. Etiam id posuere leo. Ut odio risus, tempus eget tincidunt sed, venenatis ac dolor. Vivamus eleifend faucibus vehicula. Curabitur tempor.
   </div>
</div>
<div id="footer">Hola mundo, este texto es simplemente para ver como queda y, en su mayor parte, para rellenar.)</div> 

Gracias a todos :)

[alexk]

Código:

#footer {
height: 50px;
width:100%;
clear:both;
position:fixed;????
}

lo mismo no entiendo mucho que quieres hacer

[kseso?]

Prueba dejando el pie así:

#footer {
clear:both;
position:relative;
width:100%;
}

Y si quieres separarlo de los div's superiores añádele un margin-top.

Un par de enlaces para que completes algo más tu formación en css, Manuel:
La guía de Mikmoro: Parte I y Parte II

Un buen manual para iniciarte:
www.librosweb.es
Una página que no debe faltar entre tus marcadores:
http://www.sidar.org/recur/desdi/tra...css/cover.html

Un saludo

Edito:
También puedes forzar que el pie se coloque debajo si añades a "contenedor" la declaración "overflow: auto" dejando el resto igual que lo tienes.
Lo comento para que veas las distintas posibilidades, todo depende de lo que quieras lograr.

[Manuel_A]

alexk: eso es algo que se me olvidó borrar. Perdón por el fallo :S
kseso?: ahora cuando llegue a mi casa, lo pruebo y te cuento que pasa. Ah, gracias por los enlaces :)

[alexk]

ahhh entiendo jeje... noproblem... ojala te funcione chao y suerte!...

[Manuel_A]

Muchas gracias kseso?, opté por el método 'overflow:auto', pero no servía. No es que no sirviera, es que abajo aparecía un antiestético scroll horizontal. Así que me informé un poco sobre esta propiedad, y la solución estaba en un 'overflow:hidden'. Ahora todo se vé tal y como quería :)
Gracias de nuevo, ya se puede dar por cerrado el tema