Image width 100% en un div

[xlos_mas_pro]

hola.
Bueno se que esta info esta por muchas partes pero no se adapta y no lo e logrado adaptar tampoco a lo que yo necesito.
El caso es el siguiente tengo tres div un header un contenido y un footer cada uno con su respectivo tamaño lo que quiero lograr es que solo el div header tenga una img de fondo que tenga un width 100% pero que conserva su height y tambien que conserva la imagen. les pongo un ejemplo del codigo.

Código HTML:

<div id="header">
</div>
 
<div id="cont">
</div>
 
<div id="footer">
</div>
 

Código CSS:

#header
{
background:url('imagen.jpg');
background-size:100%;
width:100%;
height:400px;
}
#cont
{
width:100%;
height:700px;
 
}
#footer
{
 width:100%;
height:100px;
}
 

el caso es que quiero que solo en el div header este la imagen y que se mantenga en diferentes resoluciones cuando le hago zoom o quito zoom la imagen siga de la misma forma viéndose completa de ancho y respetando el alto.

Asi como lo hace la pagina de skype.com en el inicio con su header quiero que con la imagen pase lo mismo.

Muchas Gracias de ante mano

[pzin]

Tal vez te valga:

Código CSS:

background-size: cover;
 

O no sé si te da igual que se deforme o no la imagen de fondo (que no imagen a secas), supongo que no te da igual.