Hintergrundbild im body wird nach links verschoben

[Ruth]

Hallo,
ich habe folgendes Problem:

Mit CSS habe ich meinem Body-Tag ein Hintergrundbild zugewiesen, das im Browser zentriert dargestellt werden soll:

body {
 margin:0;
 padding:0;
 height:100%; /* needed for container min-height */
 background: url(images/hintergrundelement.gif) center top repeat-y;
}

Die DIVS auf der Seite haben ebenfalls Hintergrundbilder, die mit dem Body-Hintergrundbild harmonieren, z.B.

#alles {
 position:relative;
 margin:0 auto; /* center, not in IE5 */
 width:752px;
 height:auto !important; /* real browsers */
 height:100%; /* IE6: treated as min-height*/
 min-height:100%; /* real browsers */
 background:url(images/startseite_unten.jpg) no-repeat bottom;
}

Es klappt alles wunderbar, außer man verkleinert das Browserfenster. Dann reagieren nämlich die Bilder plötzlich unterschiedlich: Das Hintergrundbild des Bodies wird nach links rausgeschoben, die anderen Bilder bleiben brav am linken Rand stehen, wenn sie ihn erreicht haben. Dann harmonieren natürlich die Bilder nicht mehr.
Wie bringe ich den Body dazu, so zu reagieren, wie die DIV-Hintergrundbilder?
Schöne Grüße aus dem verregneten Hannover!
Ruth