Aplicar sombra a una imagen dentro de una lista
 

Hola!

¿Se puede aplicar sombras a un imagen que está dentro de una lista y que tiene un enlace? Por lo que he investigado aplicarlo a un div no me da problemas, pero ¿se puede dar sombra a una imagen que está dentro de una lista?

Gracias

CODE

<div id="enlace">
<ul id="cuadraditos">
<li id="uno">
<a href="#">Ofertas<img src="imagenes/o.gif" alt="" width="50" height="50" /></a></li>
<li id="dos">
<a href="#">Venta<img src="imagenes/boca.gif" alt="" width="50" height="50" /></a>
<li id="tres">
<a href="#">Catálogo PDF<img src="imagenes/por.gif" alt="" width="50" height="50" /></a>
</ul>



y el css

#cuadraditos ul {
list-style-type : none;
margin : 0;
padding : 0;
}

#cuadraditos ul:after {
content : ".";
height : 0;
clear : both;
visibility : hidden;
}

#cuadraditos li {
position : relative;
float : left;
width : 80px;
padding-top: 1em;
padding-right:10px;
padding-bottom: 1em;
padding-left: 20px;
display:inline
list-style-type: none;
}

#cuadraditos li#uno {
border-bottom-color: #E06D42;
border-bottom-style: double;
width:150px;
float:left;

}
#cuadraditos li#dos {
border-bottom-color: #E06D42;
border-bottom-style: double;
border-position: center;
width:150px;
}
#cuadraditos li#tres {
border-bottom-color: #E06D42;
border-bottom-style: double;
width:150px;
}

#cuadraditos img { float : left; }

#cuadraditos li a {
color:#FFFFFF; /*mas*/
text-decoration:none; /*elimino el subrayado del vínculo*/
font-weight:bold; /*decoración*/
font-size: 0.8em;
}