Efecto onmouseover para borde de imágenes

[Isterisco]

Saludos a tod@s,

Quiero hacer un efecto onmouseover para el borde de una imagen que es enlace. De momento lo he hecho con un css:

.images {
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
}
.images:hover {
border-top: 1px solid #febf00;
border-right: 1px solid #febf00;
border-bottom: 1px solid #febf00;
border-left: 1px solid #febf00;
}

aplicado al href

<a href="2500.htm" class="images"><img src="/fotos/2500.jpg" width="235" height="151" border="0"></a>

pero no funciona del todo bien, el color cambia pero no en todo el borde, la parte superior no aparece en el Explorer y en el Firefox no aparecen parte de los bordes laterales.

¿Hay alguna forma de poderlo hacer en javascript?
Muchas gracias!

[JavierB]

Hola Isterisco

Cambia .images:hover por .imagesBorde y pon la imágen así:

Código:

<img src="tuimagen.gif" class="images"
 onmouseover = "this.className='imagesBorde'" onmouseout = "this.className='images'" />

Espero que te sirva. Saludos,

[Isterisco]

Muchas gracias!!!
Ha funcionado perfectamente!!!