css-problem: text über 3 divs

[ZehUwe]

Hallihallo,
ich brauche eure hilfe bei css:

der contentbereich besteht aus 3 vertikalangeordneten teilen.

Schwarz -> Weiß - Verlauf
"Weißer" Hintergrund (Grafik 1px Höhe mit y-repeat)
Weiß -> Schwarz - Verlauf

ich könnte jetzt ein div machen mit 3 divs untereinander und jedem dieser 3 das hintergrundbild zuweisen und ins mittlere div den inhalt einfügen. dieses div wäre dann variabel in der höhe, je nachdem wieviel drinsteht.

das problem ist: der inhalt soll schon im 1. div anfangen und im 3. div aufhören, da sonst der abstand oben und unten zu groß ist. negatives padding funktioniert nicht. eventuell kann man was mit ebenen (z-index) machen, aber ich habe gerade ein brett vor dem kopf. ich hoffe ihr könnt mir helfen.