Can’t get shadow under absolute positioned div

I can’t see the drop down shadow on a div that is absolute positioned:

.shadow { -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; }

#top { position:relative; width: 100%; height: 45px; padding: 20px 0px 20px 0px; background:url(“../images/mainnav-bg.gif”) 0 50 repeat-x; }

#topbox { position:absolute; padding:5px; top:20px; left:20px; width:150px; height:100px; border:#808080 solid 1px; background: #fff; }

<div id=”top”></div>
<div class=”shadow”>
<div id=”topbox”><img src=”./images/shout.jpg” width=”78″ height=”88″ />
</div>
</div>

If I apply the shadow to anything else it works fine but, not to that “topbox”.

Don’t know what I’m doing wrong.

Thanks in advanced for your help.

Also in #CSS _↴