[css]Rollover Bordi con Mozilla

[D3M0NI0]

Ciao a tutti,
ho delle immagini con dei bordi che cambiano colore al passaggio del mouse. Con IE è tutto ok mentre con mozilla l'unico modo che ho trovato affinchè i bordi vengano visualizzati correttamente è stato quello di usare float:right (o float:left), ma questo mi da noia in quanto l'immagine viene allineata appunto su un lato mentre io la voglio centrata.

Ecco il css:

<style>
#immagine a {
float: right;
}
#immagine a img {
border-width: 0;
}
#immagine a {
border: solid 2px #000000;
}
#immagine a:hover 
{border-color: #F08E26;
}
</style>

Ed ecco l'html:

<table>
<tr>
<td align="center" id="immagine">
[img]thumb/immagine.jpg[/img]
</td>
</tr>
</table>

Sapete come aggirare l'obbligo del float?

grazie,
D3M0NI0

[Jerry Masslo]

ti rispondo senza provarlo prova con mozilla a intercettare l'hover sull'immagine e non sul link cioé:

#immagine img:hover {...}

il fatto è che ie legge l'hover solo sui link mentre gli altri browser distinguono il link dall'immagine e puoi dare l'hover sia a l'uno che all'altro