colocar bordes en una img cuando el mouse pase sobre ella

[aurah]

Hola, tengo una imágen que está dentro de un ancla (<a></a>) y necesito que cuando el mouse se pose sobre ella, se marquen los bordes de la misma y al perder el foco se quiten los bordes, alguien podría ayudarme...

Gracias

[Hereje]

En el HTML:

Código:

<a name="ancla1" class="bordes"><img ... /></a>

En el CSS:

Código:

.bordes {
  border: 1px solid #fff; /* poner el mismo color que el fondo */
  cursor: pointer; /* para la manito */
}
.bordes:hover {
  border-color: red; /* color para resaltar */
}

Creo que deberia funcionar, hasta luego!