CSS Box-Schatten Problem

Johanni

Mitglied
Guten Abend,
ich habe ein Problem mit einem Schatten einer Div-Box und kann mir nicht ganz erklären was falsch läuft. Ich habe "Slides" die sich ins "Sichtfeld" schieben und dabei geht bei des textbox-div-box der Schatten am rechten und unteren Rand verloren.
Code:
.hiddenElement{
			display:none;
			/* Fix IE floating bug */
			position: absolute;
}
div.textbox {
	background-color:#900;
	margin-left:450px;
	margin-top:100px;
	padding:10px;
	text-align:justify;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #FFFFFF;
	-webkit-box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.6);
	overflow: hidden;
	z-index:3;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(144, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(144, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99900000, endColorstr=#99900000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99900000, endColorstr=#99900000)";
  }

Das Ganze rufe ich im Body wie folgt ab:
Code:
<div id="slide0" class="hiddenElement">
<div class="textbox" style="width:500px; height:300px">
Inhalt
</div>
</div>

was läuft falsch?
Wenn ich es ohne die Slide-Funktion teste habe ich den Schatten an alle Seiten.

Vielen Dank & Gruss Johann
 
Hi,

für mich fehlt da erstmal:
CSS:
-o-border-radius: 10px;
-khtml-border-radius: 10px;
+
CSS:
behavior: url(ie-css3.htc);
(Die HTC-Datei von hier ist für den IE leider nötig)

Weitere IE Hacks sehe signatur,
javaDeveloper2011
 
Zurück