background-image in 3 teilen und halbtransparenten .PNGs

[moooo]

Hallo zusammen,

leider bin ich mit CSS3 noch nicht sehr vertraut, da meine letzte homepage schon ein paar Jahre zurückliegt.

Wie oben im Titel schon steht, will ich einen Hintergrund realisieren, der aus 3 Bildteilen besteht. Einem "no-repeat top", einem "repeat-y center" (1px-Streifen) und einem "no-repeat bottom". Die Hintergrundbilder werden auch alle angezeigt und sind richtig positioniert.

Nur leider wird der "repeat-y"-Teil über den GANZEN DIV verlängert, er soll aber nur den Bereich zwischen "no-repeat top" und "no-repeat bottom" ausfüllen. Da alle Bilddateinen halbtransparente .PNGs sind, sieht das gerade gut aus, wenn sich das oben und unten überlagert.

Mit den ganzen Hintergrund-Definitionen von http://www.w3.org/TR/css3-background/ hab ich schon rumgespielt, aber nach wie vor keine änderungen.

Ich hoffe, ihr könnte mir etwas weiterhelfen :-)
Vielen Dank!

gruß mo