Schlagschatten über Menü mit hover-Effekt - CSS?

Hallo zusammen,

ich weiß nicht weiter.

Ich bin noch immer dabei, einem Freund einen Design-Entwurf mittels CSS und wordpress umzusetzen.

Die letzte große Hürde - siehe Foto bzw. Anhang:
http://issmehrsalat.de/wp-content/uploads/problem2.png

Er hat um den Content-Bereich herum einen Schlagschatten gelegt. Das würde ich oben, rechts und unten schon hinbekommen... Aber links vom Content ist das Menü, das stinknormale hover-Effekte (background-color) haben soll und trotzdem vom Schlagschatten überlagert wird.

Und da weiß ich dann echt nicht mehr weiter. Kann man das überhaupt lösen? Und wenn ja, wie?

Bin für jeden Tipp dankbar.

Grüße
Daniel

hi du,

okay, soweit so gut. danke! muss es allerdings noch ein paar mal lesen, bis ich es verstanden habe und anwenden kann :-)

würdest du den schlagschatten dann auch mit css realisieren oder eher grafiken verwenden?

grüße
daniel

PS/EDIT: hier ist die Komplett-Lösung, man muss nur noch position: relative einbauen und mit z-index arbeiten:
http://mariofink.de/code/css3-box-…t-explorer-6-8/