Footer background mit repeat-x wird beim skalieren abgeschnitten/unterbrochen

Hallo alle zusammen,

ich habe ein Problem, das ich noch nie hatte und einfach nicht lösen kann.

Es geht darum, dass ich ein div für einen Footer habe, in dem ein Hintergrundbild repeated wird.
In diesem footer div befindet sich ein anderes div, indem der content auf 800px Breite zentriert dargestellt wird.
Soweit funktioniert alles SUPER.

ABER, wenn man das Fenster runterskaliert, wird die Seite abgeschnitten, von etwas, was ich nicht finden kann. Das heißt, der Repeat wird unterbrochen und man sieht nur noch die background-Farbe. Erst, wenn man das Fenster größer skaliert, funktioniert der repeat wieder.
Ich kann es mir selbst gar nicht erklären.

Hier sind zwei Screenshots, einmal ein Screenshot mit skaliertem Fenster und ein Screenshot, bei dem man im skaliertem Fenster nach rechts scrollt. Da wird der Fehler dann erst sichtbar:

http://img64.imageshack.us/img64/2623/footerfehler1.jpg

http://img717.imageshack.us/img717/3866/footerfehler2.jpg

Das blöde daran ist ja, dass bei einer Auflösung von 1024*768px das Problem schon auftritt, also man kann sagen, im Durchschnitt bei jedem dritten Monitor und bei jedem iPad/Tablet-PC.
Wisst ihr, wo das Problem liegt?

Hier ein paar Code-Schnippsel:

#footer { background: url("../images/layout/bg_footer_rapport.jpg") repeat-x scroll 0 0 transparent; clear: both; color: #F0F0F0; height: 870px; text-shadow: 1px 1px #000000; } #footer-wrap { background: url("../images/layout/bg_footer.jpg") no-repeat scroll center 0 transparent; height: 840px; margin: 0 auto; } #footer-content { margin: 0 auto; width: 800px; }

[HTML]

[/HTML]

Und hier die Webseite live:

seeders - Mach dich auf den Acker!

(Das ist KEIN kommerzielles Projekt. Ich bin Student und das ist eine fiktive Semesterarbeit von zwei Kommilitonen und mir. Die Seite ist offiziell noch nicht released.)

Ich würde mich freuen, wenn ihr mir helfen könntet.

Schöne Grüße aus Duisburg,
Alex

min-width: 990px; habe ich im body eingefügt und die mit CSS3 animierten Wolke ganz rechts habe ich rausgenommen, die ausserhalb dieser 990px positioniert war.
Die Kombination verursachte das Problem.

Jetzt funktioniert alles.

http://www.forum-hilfe.de/images/smilies/icon_smile.gif