Problema con links en las imagenes y IE

[detx]

Estoy intentando hacer que al pasar el ratón sobre una imagen con link el borde cambie de color, ahora lo tengo hecho así:

a.estilo2:link {
color: #CC0000;
background-color: #000000;
text-decoration: none;
}
a.estilo2:visited {
color: #CC0000;
background-color: #000000;
text-decoration: none;
}
a.estilo2:hover {
color: #FFC000;
background-color: #000000;
text-decoration: none;
}

Con el firefox me funciona perfecto tanto con las letras como con las imagenes pero con el IE me salen las letras bien pero los bordes de las imagenes me salen azules y no cambian de color...

A ver si alguien de por aqui sabe como hacer que se vea bien en los 2 exploradores.

Salu2.

[ramm]

porque te falta ponerle el atributo border

border: 2px solid #CC0000;

y en hover:
border: 2px solid #FFC000;

Ademas de ponerle asi:
img a.estilo2:hover {
.....

[detx]

Gracias por contestar pero todavia no lo he solucionado...

Si añado esto:


border: 2px solid #CC0000;

y en hover:
border: 2px solid #FFC000;

Me salen los bordes pero salen mal, de los 4 salen solo 2 o 3 me parece que es porque tengo las imagenes dentro de una tabla...

Luego he probado a ponerlo asi "img a.estilo2:hover {" y no he conseguido nada me sigue pasando lo mismo.

Saludos.

[Durgeoble]

a:hover img { estilos}

img a :hover como han indicado antes te aplicaria los estilos a un link "dentro" de una imagen lo cual no es muy logico.

[ramm]

Cierto, lo puse al reves.

Ahora lo de los bordes no se, tendria que ver lo que estas haciendo

[detx]

Ahora si me ha funcionado muchas gracias!!!