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

[max]

hallo ruth!

hier ist eine möglichkeit:
--------------------
<img src="[bild name]" width="50%" height="100%" style="position: absolute; margin: 0px 0px 0px 25%;">

<p style="position: absolute; /* Hier kann der inhalt vom Quellcode formatiert werden */
margin: 0px 0px 0px 0%;">
[quellcode]</p>
-------------------

hier im bsp. wäre jetzt das bild 50% breit also zu 100% mit 25% angepasst
was anderes funzt da net

hoffentlich konnte ich dir helfen

mfg max