kalle: Schatten um DIV

Beitrag lesen

Nabend,
meine Seite besteht aus drei Bereichen. Top, Content und Footer. Die Breite ist jeweils 700px und das Ganze ist im Fenster zentriert.
Nun würde ich gerne einen Schatten-Effekt um alles herum haben. Ich dachte ich löse dies wie folgt:

Top und Bottom kriegen per CSS
background:#FFFFFF url(/images/shadow-l.png) repeat-y ;
mitgeliefert.

Mein PNG ist 1px hoch und 720px breit (der Schatten ist ein Verlauf von jew. 10px links und rechts. Leider ist nun die Hintergrundfarbe "unter" dem Schatten-Verlauf auch weiß, sodass man von der Transparenz nicht mehr viel sieht.

Ist mein Ansatz völlig daneben? Gibt es ein best practice dazu?

danke, kalle