Sto realizzando un menù usando le liste.
Ad ogni voce del menù faccio comparire una tooltip sfruttando i css (:hover).
Funziona tutto perfettamente tranne che con IE 6 e precedenti.
Il problema consiste nel fatto che la mia tooltip finisce sotto al testo del menù.
Posto una versione semplificata del codice.
CSS:
Codice PHP:
ul.lista_discipline {
    
width165px;
    list-
stylenone;
    
margin0;
    
padding0;
}

ul.lista_discipline  a{
    
width165px;
    
displayblock;
    
text-decorationnone;
    
padding:1px;
    
height:2em;line-height:2em;
}
ul.lista_discipline li{
    
displayinline;
}

ul.lista_discipline li a:linkul.lista_discipline li a:visited{
    
color#000;
}
ul.lista_discipline li a:hoverul.lista_discipline li a:active{
    
backgroundurl(img/impronta.gif);
    
color#FFF;
}

a.info{
    
position:relative;
}

a.info:hover{
    
z-index:25;
}

a.info span{displaynone}

a.info:hover span{
    
padding1em;
    
display:block;
    
position:absolute;
    
top:2emleft:2emwidth:15em;
    
border:1px solid #DE566A;
    
background-color:#FBB85D; color:#000;
    
text-aligncenter
    

HTML:
codice:
<div id="discipline">			
<ul class="lista_discipline">				
	[*]<a class="info" href="?go=discipline&amp;id=1">Bachata<span>Bachata
</span></a>
	[*]<a class="info" href="?go=discipline&amp;id=7">Ballo Liscio e da Sala<span>Ballo Liscio e da Sala
</span></a>
	[*]<a class="info" href="?go=discipline&amp;id=8">Boogie Woogie<span>Boogie Woogie
</span></a>
	[*]<a class="info" href="?go=discipline&amp;id=9">Danza del ventre<span>Danza del ventre
</span></a>[/list]
</div>
Ne metto anche una versione online per chi volesse dare un'occhiata:
http://lordcoste.altervista.org/prova.htm

Dato che non tutti hanno IE6 metto anche uno screen:



Ringrazio chiunque provi a darmi una mano
Saluti