div con imagen y color de fondo

[atoleon]

Hola

Estoy tratando de crear un div que tenga un color de fondo blanco pero que a su vez tenga una imagen encima del fondo blanco. Es decir, lo que quiero lograr es que la parte alta del div tenga una imagen tipo cabecera y que rellene el resto de la caja de color blanco.
Pero no logro conseguirlo, el div se queda completamente de color blanco. Pongo el código por si sirve de algo:

Código CSS:

#center_column {
    width: 556px;
    margin: 0 0 30px 0;
    overflow: hidden;
    background: #FFF url('../img/shaman_black_mod/fondo_center_column.gif') no-repeat top;
}
 

Muchas gracias por vuestra ayuda, saludos

[Isra_84]

Prueba con :

#center_column {
width: 556px;
margin: 0 0 30px 0;
overflow: hidden;
background: #FFF;
background-image: url('../img/shaman_black_mod/fondo_center_column.gif');
background-repeat:no-repeat;
}

[atoleon]

Gracias Isra_84, pero no funciona así tampoco.

[cristian_cena]

@atoleon:
usa la propiedad background-position: ... ;

Código CSS:

background-position: top center; 
background-position: 0 0; /*o con números */
 
/*también puedes usar expresiones cortas.*/
background: #FFF url('../img/shaman_black_mod/fondo_center_column.gif') no-repeat 0 0; 
/*
0 0 hace referencia a la esquina superior izquierda de la caja
donde el 1er cero hace referencia al eje x y el 2do cero hace referencia al eje y. 
juega poniendo valores negativos y positivos para ver como corre la imagen.
*/