Buongiorno,
ho bisogno di un aiuto da parte vostra.

Ho un div a cui voglio applicare un'ombra tramite la proprietà box-shadow, ma non mi funziona e non ne capisco il motivo

Mi potete aiutare, per favore?

Di seguito il codice

codice:
html, body, ul {  margin:0; padding:0 }

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
}
body { margin-left:4px; margin-top:4px;}

img { border:0;}

.configuratore { font-size:14px; color:#000000; text-decoration:none; font-weight:bold}
.configuratore:hover { font-size:14px; color:#f39b11; text-decoration:underline; font-weight:bold}

#container { width:875px; height:980px;}

#container #conf_bar { width:875px; background-color:#009f94; text-indent:5px; font-size:18px; color:#ffffff; font-weight:bold; text-transform:uppercase;}

#container #cont_conf {
    position: absolute;
    width: 865px;
    height: 930px;
    background-color: #ffffff;
    left: 10px;
    top: 30px;
    box-shadow: 3px 3px 3px 3px #c8c8c8;
    }