css esterno, settare bordo di un colore di immagini linkate e hover di colore diverso

[Cavallaudo]

SAlve,

Sto andando ai matti.

Non riesco in un css esterno a settare bordo di 1 pixel per certe immagini di un colore, che cambi di colore rimanendo sempre a 1px di bordo, quando il cursore passa sopra l'immagine (linkata).

L'unico modo in cui ci sono riuscito e' cosi:

A:link, A:visited { color: white; text-decoration: underline }
A:hover { color: red; text-decoration: none; background: white  }
a:hover img {border: 1px solid black;}
.border {border: 1px solid #FFFF00;} 

Funziona, il grosso problema e che le altre immagini linkate, senza bordo alcuno, quado ci passa il cursore sopra diventano con bordo e tutto il layout di pagina si muove

ho provato a risolvere settando una classe "noborder"

A:link, A:visited { color: white; text-decoration: underline }
A:hover { color: red; text-decoration: none; background: white  }
a:hover img {border: 1px solid black;}
.border {border: 1px solid #FFFF00;}
a.noborder img{ border: 0px; } 

La soluzione funzia in firefox, ma in ie, non c'e' verso, continua lo stesso problema.

non so piu dove sbattere la testa, HELP!

non c'e' un modo per fare una classe .border con dentro non solo il bordo e il colore del bordo, ma pure il colore nel caso di "hover"?

ciao e grazie.