Impostare bordo immagini

[lucalicc]

sto cercando di impostare il bordo di una immagine quando passo sopra con il mouse
ma il risultato è strano e non riesco a risolvere....
mi spiego...il bordo compare ma solo nella parte inferiore come si può vedere dall'immagine allegata.
il codice, molto semplice, è questo:

<style type="text/css">
a.BORDO
{
    padding: 0px;
    border: Solid 1px #FFFFFF;
} 
a.BORDO:hover
{ 
    padding: 0px;
    border: Solid 1px #000000;
}
</style> 
<a class="BORDO" href=cocacola.jpg">[img]cocacola.jpg[/img]</a>

grazie per i vostri consigli
luca