No sé por que motivo pero se me pisan las capas en el css aquí se los dejo.
    
Código CSS:
Ver original@charset "UTF-8";
/* CSS Document */
 
*{
    background-color:#04346c
}
 
#contenedor{
    background-image:url(../images/background_body.png);
    background-repeat:no-repeat;
    margin:0 auto;
    width:800px;
    height:650px;
}
 
#cabecera{
    width:652px;
    height:172px;
    margin:0 auto;
    margin-top:36px;
}
 
.logo{
    height:172px;
    width:172px;
    float:left;
    background-image:url(../images/logo.png);
    margin-top:36px;
}
  
no sé si estoy haciendo algo mal, pero el div cabecera se sube encima del div contenedor :S 
Saludos