Sí, pero explicate mejor con lo de "una imagen dentro de una lista"
Una idea, si usas links en esa lista, es hacer que los elementos 'a' se muestren como caja, y el background de esa caja sea tu imágen. Para aplicar la sombra, haces también que el elemento 'li' se muestre como una caja, con unos 5px más de ancho y alto (que será aproximadamente lo que mida tu sombra), en el background pones la imágen de la sombra, alineada a la derecha y abajo.
Saludos.
Código :
<ul>
<li class="sombra"><a class="imagen" href="#"></a></li>
<li class="sombra"><a class="imagen" href="#"></a></li>
<li class="sombra"><a class="imagen" href="#"></a></li>
<li class="sombra"><a class="imagen" href="#"></a></li>
</ul>
.imagen{
display:block;
width:80px;
height:20px;
position:relative;
margin:auto 5px 5px auto;
background:#EEE url(tu_imagen.png) no-repeat left top;
}
.sombra{
display:block;
width:85px;
height:25px;
background:#456 url(tu_sombra.png) no-repeat right bottom;
}