[CSS] Cambio colore bordo IMG al passaggio del mouse

Salve.

Ho una semplice pagina in html in cui ci sono delle immagini contenti dei link. Vorrei creare l'effetto a:hover al passaggio del mouse con un cambiamento di colore del bordo da verde a giallo.

Ecco i css da me creati:

/* Immagini */
.img {
border-right:1px solid #336633;
border-left:1px solid #336633;
border-top:1px solid #336633;
border-bottom:1px solid #336633;
}
.img a:hover {
border-right:1px solid #ffce67;
border-left:1px solid #ffce67;
border-top:1px solid #ffce67;
border-bottom:1px solid #ffce67;
}

Ovvimente in ogni immagine ho richiamato la classe IMG come di seguito:

<a href="ref012.htm"><img class="img" src="img/ville_castelli/REF-12.jpg" width="140" height="100" border="0"></a>

Dove sbaglio?

a.img {
border:1px solid #336633;
}

a:hover.img {
border:1px solid #ffce67;
}

<a class="img" href="ref012.htm"><img src="img/ville_castelli/REF-12.jpg" width="140" height="100" border="0"></a>

Per creare un effetto a:hover la classe va inserita nel tag a

Ciao

come ha evidenziato robin hood , non c'è bisogno di specificare bordo per bordo , ma basta generalizzare con " border" per avere l'effetto bordo sulle immagini , poi la classe sempre come dice robin va inserita nel tag <a>

ho fatto come dite ma con IE ottengo un risultato metà, ovvero il rollover funziona solo sul lato inferiore e sinistro...mentre con firefox...beh...guardate voi

www.weddingtour.it/castelli.php

Ciao Arcano
Per il bordo superiore mancante.... per mè è un mistero.
Ho fatto delle prove senza riscontrare problemi.

Per firefox ho appena scoperto che si tratta di un'interpretazione diversa dei css rispetto altri browser.
Qui trovi la spiegazione.

Stasera ci darò un'occhiata!

Grazie