[FF] Problema span:hover nascosto

[world war]

Ho un problema su FF con il codice qua sotto, mi sposta di metà pagina l'hover dello span.

a.tooltip span {display:none; }

a.tooltip:hover span {display:block; }

a.tooltip:hover { position: relative; }

a.tooltip:hover span {
	display:block;
	position: absolute;
	top:60px;
	z-index: 1;
}


	<table align="center">
		<tr>
			<td width="33%"><div align="center">[img]img1_s.jpg[/img]<span>[img]img1_b.png[/img]</span></div>
			<div class="bold" align="center">Descrizione 1</div></td>
			<td><div align="center">[img]img2_s.jpg[/img]<span>[img]img2_b.png[/img]</span></div>
			<div class="bold" align="center">Descrizione 2</div></td>
		</tr>
	</table>

[world war]

Ho fatto vari tentativi ed ho capito che il problema nasce dalla presenza di questo codice dentro una tabella multicolonna, quindi vi chiedo come posso risolverlo.

[Mich_]

Stai mescolando formattazione ottenuta tramite CSS con quella ottenuto atramite attributi HTML: questo lascia i brwoser liberi di decidere quale formattazione ha la priorita`. Devi quindi togliere tutti gli attributi HTML di formattazione.

Inoltre devi curare meglio l'uso dei posizionamenti. Magari prima di procedere leggiti questi articoli:
I posizionamenti assoluti
Capire i posizionamenti relativi
Se non capisci qualcosa, devi prima approfondire l'argomento dai manuali (tutorial) che trovi in rete (anche nel sito di HTML.it).