CSS : LINK letti diversamente da Opera

[*pragma]

come da titolo. L'intenzione è di fare apparire un commento all'hover del mouse sui link. Ma con opera il commento all'ultimo link resta allo stato visibile se il mouse lo si fa scorrere fuori dalle aree degli altri link.
Questo non accade se dopo l'ultimo link scrivo una qualunque cosa.
i CSS nell' head sono

a:link, a:visited{ position:relative;
    z-index:24; background-color:#ccc; color: #000;
    text-decoration: none;}
a:hover{ z-index: 25; background-color: #ff0;} 
a:active{ z-index: 25; background-color: #ff0;}

a:link span, a:visited span{display: none;}
a:hover span{
    position:absolute; 
    top: 2em; left: 2em; width: 15em;
    border: 1px solid #0cf; background-color: #cff; color:#000;
    text-align: center;display: block; }
a:active span{ z-index: 25; background-color: #ff0;display: none;}

e questi sono i link nella pagina

<div>



clicca qui e sarai felice <span>Qualcosa da leggere</span>



clicca qui e sarai felice <span>Qualcosa da leggere 2</span>



l'ultimo paga pegno <span>uffa quanto lavoro</span>
</p>
</div>

dov'è l'errore?
grazie

[*pragma]

up

[Prill]

Ciao *pragma, non riscontro con Opera il tuo problema, invece il tooltip viene tagliato e perciò non visualizzato sull'ultimo link. Provando ad aggiungere un display:block anche sul link invece la visualizzazione è corretta.
Se il link invece deve potersi trovare anche in linea con del testo (ma anche no), puoi provare anche così:

a { position:relative;
    background-color:#ccc; color: #000;
    text-decoration: none;}

a:hover{ z-index: 25; background-color: #ff0;}
 
a:active { background-color: #ff0;}

a span{position:absolute;margin-left: -999em;}

a:hover span{
    position:absolute; 
    top: 2em; left: 2em; width: 15em; margin-left: 0;
    border: 1px solid #0cf; background-color: #cff; color:#000;
    text-align: center;}

[*pragma]

grazie
il tuo CSS funziona.
Ora osserverò le sostanziali differenze.
ciao