Problemi con IE - tooltip molto carino

pablosdeg

Problemi con IE - tooltip molto carino

Cari sviluppatori, vi riportero di seguito la pagina HTML con il CSS e come applicarlo.

Volevo mettere a punto un tooltip fatto in puro CSS in modo da rendere molto leggero il codice e comunque molto semplice il suo impiego.

Attualmente ho quasi ottenuto il risultato che volevo se non fosse per IE!!!

Il tutto funziona bene in FF e Safari, ma Explorer non ne vuole sapere, avevo fatto una versione precedente che utilizzava il parametro display: none / block, non funzionando bene con le versioni inferiori al IE7 ho letto che IE non va con Display:inline, quindi come vedrete dal codice, ho cambiato metodo, ma ancora nulla.

Spero qualcuno più ferrato di me nell'argomento mi possa dare una soluzione, forse è un prolema molto stupido, ma non riesco ad uscirne.

Grazie mille in anticipo!!!

Ecco il codice:

[html]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Tooltip Compatibility</title>
<style type="text/css">

</style>
</head>
<body>
<a id="a" class="tooltip" href="#">Mouse hover...<span>
Ecco il nostro tooltip!!!
</span></a>
</body>
</html>
[/html]