Sascha: 2 Hintergrundbilder oder genaue Positionierung

Beitrag lesen

Hallo,
ich habe einen horizontalen Farbverlauf als Hintergrund für einen div-container. Zwecks kurzer Ladezeiten habe ich also ein Bild mit 1px Höhe und der Breite des Div-Containers erstellt. Das funktioniert super. Nun möchte ich aber, dass der Hintergund mit einem Y-Abstand von 5px zum Div-Rand startet. über position: 0px 5x; und repeat-y klappt das nicht. Bei repeat-y wird der definierte y-Abstand ignoriert.
Habt Ihr Ideen, wie man den 5px Abstand realsieren könnte? Vielleicht mit einem einfachen img, das oben über den Hindergrund gelegt wird? Ist aber keine schöne Lösung wie ich finde.

Viele Grüße
Sascha