Mehrere Backgrounds übereinander mit Text darauf ...

[Jörg]

Hallo Gemeinde,

bin hier so langsam am verzweifeln ..
Folgendes möchte ich realisieren:

ich habe 2 Bilder, die übereinander liegen. Das Obere ist ein Verlauf mit einer konstanten Größe von 60px.
Darunter soll der Rest von dem "Verlauf" endlos weitergeführt werden (je nachdem, wie lang der Text ist, der noch kommt).
Das Besondere daran ist, dass der Text schon beim oberen Background anfangen soll und dann nach unten hin theoretisch endlos auslaufen kann, wobei das untere Bild mitgeht.
Hoffe, ich habe das deutlich genug ausgedrückt ...

Hier mein Versuch:

<div style="position: absolute; left: 50px; top: 0px; width: 500px; background: url(bild_unten.jpg) repeat-y;">  
		<div style="height: 40px; background: url(bild_oben.jpg) no-repeat;">  
	              Hier der Text		  
		</div>  
	</div>

Nach meinem Verständnis, sollte zunächst mal der Endloshintergrun (bild_unten.jpg) eingebunden werden. Darauf kommt nun das Bild mit der festen Größe (bild_oben.jpg). Darin befindet sich nun der Text. Doch das Endlosbild geht nicht automatisch mit dem Text mit, obwohl dieser mit in dem obersten DIV Tag steht...

Ich hoffe, dass ihr mir irgendwie weiterhelfen könnt und ich mich klar genug ausgedrückt habe ;)

MFG Jörg.