Bild einbinden für alle Seiten in Mainframe - so richtig gemacht?

Hallo zusammen!

Auf allen Seiten meiner Website soll unter dem Menü ein leichter Schatten sein (siehe Bild). Ich habe daher ein Bild im Mainframe eingebunden. Funktioniert auch.
Aber ist das auch die richtige Vorgehensweise?

Oder brauche eine Klasse für Bilder o.ä.? Oder soll ich ein HTML-Modul einbinden?

Brauche dringend einen Tipp!

Vielen Dank im Voraus
pixelschubse

Code:

---

#main {
    background-image: url("../../tl_files/schattenkante.png");
    background-repeat: repeat-x;
    height: 10px;
    position: absolute;
    width: 1024px;
    z-index: 999;
}

---

Ich nehme an, es geht lediglich um den Schatten, oder? Dann reicht das nachfolgend völlig aus (vorausgesetzt die Navi sitzt im Header):

Code:

---

#main {
background-image: url("../../tl_files/schattenkante.png");
background-repeat: repeat-x;
background-position: 0px 0px;
}

---

Für den Schatten benötigst Du weder z-index, Größe oder absolue Positionierung, da hier ja der Hintergrund des DIV angesprochen wird.

Sorry, hätte zur Erklärung besser ein anderes Bild einfügen sollen (neues Bild anbei). Unterhalb des Schattens werden Bilder bzw. eine Slideshow eingebaut.

Daher der z-index. Aber auch meine Frage, ob diese Vorgehensweise so empfehlenswert und machbar ist.

Danke und Grüße
pxielschubse