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.