La situazione è la seguente:
Ho usato un foglio di stile in Frontpage per posizionare un'immagine di sfondo in alto senza che fosse ripetuta con la seguente sintassi:

body {background: #FFFFFF url('images/Alberi_02.jpg') no-repeat center top; TEXT-ALIGN: center}

Tutto bene.
L'immagine in questione è grande 1024 pixels in larghezza per 629 pixels in altezza.
Vorrei fare in modo che quando cambio la risoluzione dello schermo, per esempio a 800x600 pixels l'immagine venga ritagliata e mantenga un posizionamento centrato.
Invece quando io cambio la risoluzione a 800x600 mi compaiono le barre di scorrimento ai lati della finestra del browser, essendo l'immagine più grossa della risoluzione schermo.
Per darvi un esempio di ciò che intendo guardate questo sito:

http://www.paumanokreview.com/

Se provate a cambiare la risoluzione dello schermo a 800x600px l'immagine degli alberi verrà tagliata e non compaiono barre di scorrimento!
Come si fa? Bisogna usare i fogli di stile o cosa? Programmazione?
Aiuto per favore...