Hintergrundbild manchmal abgeschnitten

[Louis]

Hallo zusammen

Ich frag mich, was ich da falsch mache:

Ich habe bereits ein Hintergrundbild im body und möchte ein "sozusagen zweites" folgendermassen basteln:

<div style="background-image: url(bilder/randunten.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   background-attachment: fixed;
   margin: 0px;"> gesammter Inhalt der Seite </div>

Dies sollte einen Streifen am unteren Rand der Seite erzeugen, der mitscrollt (zumindest im Opera, Mozilla etc.)
(Im IE sieht das Ergebnis auch OK aus, da der Streifen einfach ganz unten ist und halt nicht mitscrollt (ist egal).)

Im Opera und Mozilla scrollt der Streifen wunderbar mit, ausser, wenn man ganz nach unten scrollt, ist der Streifen am unteren Rand etwa 10 Pixel abgeschnitten.

Woran liegt das? Was kann ich dagegen tun?

Die css-Defs vom body sind übrigens folgende:

body {
 font: 10pt/16pt georgia serif;
 color: #555753;
 background: #fff;
 margin: 0px;

background-image: url(bilder/randoben.gif);
 background-position: top;
 background-repeat: repeat-x;
 background-attachment: fixed;
 padding: 0px;
 }

Vielleicht kann mir ja jemand helfen...?

Gruss
Louis