In dem Beispiel von CSS-Zengarden liegt eine sehr große Hintergrundgrafik; da ist der Verlau eben so groß, wie die gesamte Länge (da von einer fixen Höhe ausgegangen wird).

Wenn bei dir dir Höhe variabel sein soll, dann mach deinen Verlauf so hoch wie du ihn optisch eben haben willst und nimm die End-Farbe des Verlauf auch als Hintergrundfarbe. Dann kann eigentlich nichts schiefgehen.

body {background: #000 url(verlauf_von_rot_nach_schwarz.jpg) top repeat-x}


Grüße
fricca