FireFox, gestione trasparenze e bordi su immagini

[jumborex]

Utilizzo attualmente le seguenti classi da me create:

a.transpalink img{
    opacity:0.4;
    filter:alpha(opacity=40);
    border:0;
}
a.transpalink:hover img{ 
    opacity:1.0;
    filter:alpha(opacity=100);
    border:0;
}
.bordoGiallo {
	border: 1px solid #fc0;
}

L'idea è di creare immagini piccoline con un link a pagina specifiche. Al passaggio del Mouse le immagini da sbiadite (semitrasparenti) divetano vivaci , cioè non più trasparenti. Volevo mettere un bordo giallo attorno a queste iconcine.
Per chiarire guardate questa pagina:
http://www.cantodellasfinge.net/juni.../indexTry2.asp

L'effetto voluto appare solo con MSIE(7), mentre con FireFox, Opera, Safari e Google Chrome la cornice gialla appoggia solo nel basso delle immagini, che incornicia come se fossero alte solo pochi pixel, invece di arrivare fino in alto.

Non riesco proprio a capire il motivo di questo comportamento. Tipicamente la linea in cui è richiamata la figurina è definita come segue:

[img]images/image.jpg[/img]

[oronze]

non fai prima a mettere border: 1px solid #fc0; associandolo all'immagine piuttosto che al link?

[jumborex]

Originariamente inviato da oronze
non fai prima a mettere border: 1px solid #fc0; associandolo all'immagine piuttosto che al link?

Sì, qui sopra l'ho fatta corta, ma in verità avevo provato anche questo:

<a href="/[...]/" class="transpalink">[img]images/image.jpg[/img]

In questo caso il bordo giallo non appare mai (Nemmeno con MSIE(7)), come si può vedere chiaramente da questa pagina di prova:
http://www.cantodellasfinge.net/juni.../indexTry1.asp