Hintergrundschatte für eine Box mit Bild

Hallo zusammen,

ich möchte eine Box mit einem Schatten in meine Homepage intigrieren aber bekomme das nicht wirklich hin. Sobald ich den Code in meine style.css einfüge, wird der Schatten nicht dargestellt.

Der Code ansich ist richtig und funktioniert auch sehr gut, siehe http://jsfiddle.net/EAHQL/

Nur wenn ich ihn bei mir einfüge, funktioniert es nicht, der Schatten wird einfach nicht dargestellt (s. angefügte Datei).

Hat jemand eine Idee?

Leider kann ich hier die style.css nich als Anhang hochladen. Verschicke sie gerne per pm.

Vielen Dank für eure Hilfe

Gruß
damian

Ich möchte aber einen Schatten, der genau so abgebildet ist, wie auf der jsfiddle homepage, d.h. nur einen schatten in der Mitte am underen Rand aber er nimmt mir diesen auf der homepage nicht an.

Der code ist auch in der css-datei eingefügt aber er funktioniert nicht wie auf der homepage.

Irgendeine idee?

bl-m.eu (ist aber noch im aufbau)

Zitat von Bandit

Erst mal etwas aufräumen: http://validator.w3.org/check?verbose=…Fwww.bl-m.eu%2F

Das löst leider nicht das eigentliche Problem

Die Testbox befindet sich unter

http://www.bl-management.eu/?page_id=43

Ich danke jedem für die Hilfe

Ich glaube, das Problem ist

z-index:-1;

Sobald ich die negative auf eine postive Zahl ändern, sehe ich den Schatten vor der Box. -1 sollte den schatten hinter die Box. Ich glaube, dass hier der weiße Hintergrund direkt hinter der Box ist, anstatt der Schatten.

Wie bekomme ich die Rangefolge eingestellt, dass zuerst die Box kommt, dann der Schatten und dann der weiße Hintergrund der Homepage?