Hola,
El borde aparece porque por defecto se resaltan los hiper-enlazes: y en este caso la imagen contiene o es también un hiper-enlaze, como quieras verlo. Hay varias formas de quitar ese borde si no te interesa: una es utilizar el atributo "border" del elemento "IMG", es decir:
Código:
<a href=""><img border="0" /></a>
Otra podría ser utilizar una regla CSS de modo que las imágenes no tengan bordes en ningún caso:
Código:
<style type="text/css">
img { border: none; }
</style>
<a href=""><img /></a>
Esto último puede limitarse a una imagen en concreto de al menos dos formas diferentes:
Código:
<style type="text/css">
img.sinborde { border: none; }
</style>
<a href=""><img class="sinborde" /></a>
O también:
Código:
<a href=""><img style="border: none;" /></a>