problema con el css

[stinson]

Como ven la barra sobre la que iría el pie se me monta sobre lo que es el apartado para el texto... no logro averiguar el error, pido ayuda

Código CSS:

#contenedor{
    height: auto;
    width: 1100px;
    margin: auto;
    background-color: white;
    background-image: url('../images/fondos/background.png');}
 
#areatexto {
    float: left;
    width: 860px;
    padding: 10px;
    position: relative;
    background-color:red;
}
 
#right {
    float: right; 
    width: 200px;
    height: auto;
    padding: 10px;
    position: relative;
    background-color:blue;
}   
    
#footer{
    width: 100%;
    height: 40px;
    background-image: url('../images/fondos/pie.png');
    #opacity:0.6;
    #filter:alpha(opacity=60);
    position: relative;}
 

creo que ahí tenéis todo lo necesario... el html no lo pongo porque no hay nada, todo lo que veis son divs y 4 textos y el resto del css tampoco porque son otros divs contenidos en esos

[noruas]

Tienes que limpiar el flujo de la pagina con la propiedad "clear:both;"

Mete ambas cajas flotantes dentro de una que las contenga y luego mete un objeto con la propiedad clear.

Mira este post que le pasaba lo mismo que ati:
[URL="http://www.forosdelweb.com/f53/maquetar-contenido-999125/"]http://www.forosdelweb.com/f53/maquetar-contenido-999125/[/URL]

[kseso?]

@noruas
No siempre es necesario añadir etiquetado al html (en su propuesta 2), pero como en este caso no sabemos cuál es, habrá que esperar a que stinson complemente la información con el html (o mejor un link al problema si es posible).