adattare l'immagine si sfondo alla dimensione del box

[Rocky88]

allora ho un contenitore div che occupa il 100% della pagina in larghezza (width), gli ho impostato un'immagine di sfondo, e vorrei che questa immagina occupo il 100% del contenitore (width). Ora il punto è che al ridimensionamento della pagina vorrei mi si ridimensionasse anche l'immagine, il problema ce l'ho con l'altezza. Questa e il codice interessato:

<style type="text/css">
#conteiner #header {
    background-image: url(img.JPG);
    background-size: cover;
    color: #FFF;
    background-repeat: no-repeat;
}
</style>

[carlomarangoni]

Dai all'imagine larghezza 100% e altezza auto

[Rocky88]

gentilmente nelle risposte scrivete il codice, cosi è tutto più chiaro e semplice. Io ho scritto:

background-size: 100% auto;

ma non va però, o meglio, per la larghezza e ok, ma l'altezza non la modifica, resta una striscia sottile che contine giusto una parola "header"

[EliBelTI]

se metti background-size:contain; ti prende la dimensione disponibile ma devi essere sicuro che sia proporzionata allo spazio che devi coprire