Problema con div

[thefranex3]

Bueno, este es el código css:

Código CSS:

@charset "utf-8";
/* CSS Document */
 
#Cabecera {
    background-color:#4c89c8;
    background-image:url(fondo.png);
    background-repeat:repeat;
    height:200px;
    top:0px;
    left:0px;
    right:0px;
}
 
#body {
    background-color:#4c89c8;
}
#Contenido {
    position:absolute;
    width:800px;
    height:115px;
    left: 115px;
    top: 170px;
    background-color:#FFF;
    border-radius:4px;
}
 

Lo que intento hacer es poner el div "contenido" encima de el div "cabecera" con un "position:absolute", pero cuando abro el navegador me aparece esto:



Antes el Div estaba pegado a la perte superior, la parte derecha e izquierda, pero sin embargo al realizar positio:Absolute, estos se despegan...

¿Alguien sabe alguna otra solución?

P.D.: Tampoco me funciona el background color del body, no me salta el color gris...

[ecosysonidos]

debes usar la propiedad z-index para ambos casos es decir
el div qeu quieres abajo debera de tenere un z-index:1; por ejemplo
y el que quieres encima un z-index:2;
es lo que te falta ademas de la propiedad position:absolute;
intentalo y me dices