immagine sfondo centrata si sposta

[Osterello]

Ciao,
ho un'immagine di sfondo così impostata:

body {
    background-image: url(images/template/backgroud.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #F3E9DC;
    margin:0;
    padding:0;
    line-height: 1.5em;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #3D261A;
    font-size: 13px;
} 

Il div principale è di 960px, mentre l'immagine di sfondo è di 1024px.
Quando la finestra del browser viene ridimensionata in larghezza meno di 960 l'immagine di sfondo continua a rimanere centrata e mi crea un problema con i contenuti che invece sono rimasti a 960...
Come posso fare per mantenere lo sfondo fisso in orizzontale da 960px in meno?
Grazie