Bueno dias a todos.

Tengo un problemita!!! tengo una etiqueta figure con u img dentro. El figure tiene borde solido, lo que quiero lograr es que el borde quede pegado a la imagen.
Esto lo eh logrado el problema esta cuando le achivo el width de la img. se me genera un paddin del mimo tamaño que la foto en la parte derecha. En conclucion cuando el width es mas chico el borde del figur ya no se pega en el img.

el por que de esto no tengo idea.. abajo les dejo los codigo HTML y CCS3

Código HTML :

<figure id="perfil">
   <img src="images/lolo.jpg">
</figure>   


Código CSS :

#perfil 
{
   border: 18px solid #222222;
   float: left;
   margin-right: 15px;
}
#perfil img
{
   width: 50%;}