Problema di accentramento div

[max1515]

Salve a tutti! Sto provando a iniziare a fare un sito da 0 con i css. Ho creato il body e poi header e altre cose. Queste sono le cose messe:

body {
    background-image: url("immagini/sfondo.png");
        background-repeat: no-repeat;
    font: 62.5% "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif;
    margin: auto;
    width:1000px;
}
#header {
    margin-top: 1em;
    height: 150px;
    background-image: url("immagini/Banner2.png");
    
} 

Solo che ho creato un'immagine di sfondo che non si adatta bene alle immagini. Se premo ctrl e la rotella del mouse, l'immagine si sposta tutta verso sinistra mentre l'header rimane fermo. Quindi ho l'header nella parte sinistra e il corpo al centro con tutto il resto bianco. E' abbastanza brutta come cosa. Si può fare come su questo sito?
www.romanews.eu che se premo la rotella sfondo e contenuto si ridimenzionano insieme? Nel mio caso il corpo del sito si ridimenziona con lo sfondo ma rimane sempre centrato, lo sfondo no. Grazie mille

[Nobody33]

Innanzitutto cancella il width: 1000px al body.
Mi spieghi del perché lo hai messo?.

Poi fai un div#main dove infili TUTTO il tuo contenuto.
Esempio:

*{margin:0;
padding:0;} // importante !

html, body{height:100%;}
body{ font-family: ;
font-size: ;
color: ;
background: #colore url(percorso all'immagine) no-repeat;
}
#main{width:960px;}

ecc...