Drop Shadow em imagem utilizando CSS

Pessoal, boa tarde.

Estou com um probleminha, preciso usar drop shadow em uma imagem (sem fundo), porém, ao utilizar a propriedade na imagem, o shadow é aplicado na div ao invés de aplicar ao redor da imagem.

Deu para entender?

Segue abaixo o código.

>

-- HTML --

<div id = "minha_div">
<img src = "img/nuvem.png" class = "bg-nuvem shadow" >
</div>

-- CSS --

.bg-nuvem{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
}

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

Estou fazendo algo de errado? Esqueci de alguma coisa? =X

abs