Frage zu Div

[Ben]

Hallo,

ich hab hier diese div definition:

div{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent
}

und hier hab ich meine Klassen definiert

.drop-shadow {
position:relative;
float:left;
width:5%;
padding:1em;
margin:2em 10px 4em;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before,  .drop-shadow:after {
content:"";
position:absolute;
z-index:-2;
}
.drop-shadow p {
font-size:16px;
font-weight:bold;
}

wenn ich jetzt <div class="drop-shadow"> Hello World </div> mache dann wird das nicht angewendet, kann ich bei der oberen div von vorher so Einstellen das die classe angewendet werden soll.

Danke Ben

Also Problem war der Internet Explorer, über Mozilla gehts und ich denk jetzt einfach mal das du mir auch das, mit deiner gecrypteten Antwort sagen wolltest...

Danke Ben.