giorno

c'ho un problemino:
devo andare a mettere mano su un portfolio composto da una serie d'immagini di dimensioni differenti, disposte su due colonne... alcune di queste immagini sono link e io vorrei semplicemente che passando col mouse su queste immagini intorno all'immagine appaia un bordo arancione.

il mio codice html è semplicemente:
codice:
<div class="portfolio_loghi">
...
[img]img/portfolio/loghi/pluto.gif[/img]

<a href="index.php?pagina=pippo">
[img]img/portfolio/loghi/pippo.gif[/img]
</a>

...
</div>
mentre il css corrispondente è così:
codice:
.portfolio_loghi img{
border:0px;
margin-top:8px;
}
.portfolio_loghi a{
padding:4px;
border:0px;
margin:0px;
}
.portfolio_loghi a:hover{
border:2px solid #F60;
margin:0px;
padding:4px;
}
solo che quello che succede si vede qua sotto:

IE

FF


ed ovviamente la versione 'corretta' sarebbe quella di IE... dove sbaglio e come faccio a correggere?

grazie mille