xforfun: Problem mit CSS: Abstand von DIVs

heyho,

ich versuche eine Box mit Schatten zu erstellen. Ich habe es auch fast hinbekommen, aber es gibt noch einen kleinen Schönheitsfehler: Der rechte Schatten hat noch einen Abstand von 2-3 Pixeln zur Box nach links. Dies ergibt einen unschönen Fehler. Ich schaffe es nicht, diesen zu beseitigen. Die Margin-Eigenschaft scheint nicht zu langen. Nachfolgend der Html-Code.

Vielen Dank.
Gruß xforfun

<div style="width: 100%; height: 250px">  
<div style="margin: 0px; border: 1px solid #008080; height:100px;float : left; width: 400px;  background-color: #CCCCCC; ">  
<div style="padding: 2px; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: #800000; font-variant: small-caps; font-weight: bold;">Header</div>  
<div style="padding: 3px; ">Content blabla... blabla... blabla... blabla... blabla...  
	blabla... blabla... blabla... blabla... blabla... blabla... blabla... blabla...  
	  
	blabla... blabla... </div>  
</div>  
<div style="margin : 0px;background-image: url('RechtsOben.png'); width: 20px; height: 20px;">  
	</div>  
<div style="margin: 0px;background-image: url('Rechts.png'); width: 20px;height:80px; ">  
	</div>  
<div style="float: left">  
	<img alt="" height="20px" src="LinksUnten.png" width="20px"></div>  
<div style="float: left; width:380px; background-image: url('Unten.png'); height: 20px;">  
	</div>  
<div style="margin:0px; width:20px; background-image: url('RechtsUnten.png'); height: 20px;"></div>  
</div>  

  1. Grüße,
    es gibt, glaube ich, einfachere methoden zur schattendarstellung (mit weniger Elementen)- hängst du sehr an dieser?
    MFG
    bleicher