Hover på bildkant

Hej, jag skulle vilja göra så att kanten runt en bild ändrar färg vid hover. Jag har skapat något konstigt som fungerar i FF men inte i IE. Undrar om någon kan hjälpa mig.

#content-left a img.left {
    float: left;
    border: 1px solid #CCC;
    padding: 5px;
    margin: 5px 0 10px 10px;
}
#content-left a img.right {
    float: right;
    border: 1px solid #CCC;
    padding: 5px;
    margin: 5px 10px 10px 0;
}
#content-left a:hover img.left {
    border-color: #009900;
}
#content-left a:hover img.right {
    border-color: #009900;
}

...

<a href="#"><img src="#" width="190" height="140" class="left" /></a>
<a href="#"><img src="#" width="190" height="140" class="right" /></a>

Tacksam för svar

Testa att sätta bakgrundsfärg till a:hover.

a:hover {
background-color: #fff;
}

Testa att sätta bakgrundsfärg till a:hover.

Förstår inte vad detta skulle ge för resultat..

Hmm, jag löste det med ett fulhack som jag inte tycker verkar vara så bra.. men det funkar i alla fall

a {
    border: 0;
}
...
#content-left a:hover img.left {
    border-color: #009900;
}
#content-left a:hover img.right {
    border-color: #009900;
}
#content-left a:hover {
    border-color: #FFF;
}

Skulle gärna vilja he en förklaring varför det inte gick på sättet innan... Eftersom den sista raden i css-koden måste vara med.. verkar lite mysko men men