Hintergrundbild eines Containers wird nicht richtig wiederholt

[glowy]

Liebe CSS-Profis,

wie im Anhang zu sehen, habe ich ein kleines Problem mit der Wiederholung eines Hintergrunds, der per CSS einem Container zugewiesen wird. Dieser Container #sidebar fließt rechts um #leftbox.

#main {
	background: url(../media/bg_main.gif) center top repeat-y;
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
}

#leftbox {
	width: 510px;
	padding: 20px;
	background: #FFF;
	padding-bottom: 10px;
	float: right;
}

Das Hintergrundbild "bg_main.gif" wurde so eingesetzt, dass es über die gesamte Breite des Inhalts geht, ich habe das per "Faux Columns"-Methode gelöst. Jetzt ergibt sich das Problem, dass das Hintergrundbild (erkennbar durch die blaue Linie) erst unten anfängt, genau nachdem der Text aufhört. Es soll jedoch schon oben die Linie zu sehen sein, doch das BG-Bild wird anscheinend nicht richtig eingebunden.

Wie kann ich das beheben? Gibt es Lösungsansätze?

Würde mich sehr über eure Hilfe freuen, da meine Versuche bisher leider erfolglos blieben.

Liebe weihnachtliche Grüße aus Berlin
glowy

[hero-master]

Anhand deines Codes und deines Screenshots verstehe ich deine Erklärung niht ganz. Was ist das Hintergrundbild?
Außerdem wäre es interessant zu erfahren wie dein HTMl aussieht. Bring dein Beispiel doch mal online

[Boris]

Die Lösung ist ganz einfach - das background: #FFF; muss raus. Wenn du das nämlich für deine Seitenleiste (oder wofür auch immer) angibst, ist diese nicht mehr "transparent" und das Hintergrundbild wird so nicht mehr gezeigt.

[glowy]

Danke euch beiden für die Hilfe, der Tipp von Boris, die weiße Hintergrundfarbe wegzunehmen hat geholfen, hab ich irgendwie übersehen. Vielen Dank!

Ich werde, auch weil ich noch andere Fragen habe, bald noch den Link zu den jeweiligen Seiten posten, im Moment gibt es jedoch noch ein paar Konfigurationen, die dafür gemacht werden müssen.

Frohe Weihnachten und danke
glowy