Problema con a:hover

[Ocerusico]

Salve a tutti,
ho un problema: ho fatto un menù verticale usando degli span con display:block, ma su IE (e solo con IE) quando passo con il mouse su un link, questo rimane nello stato di hover anche quando il puntatore non è più sopra...
questo è il codice:

<div id=sidebar>
<span>AAA</span>
<span>AAA</span>
<span>AAA</span>
<span>AAA</span>
<a href=.html><span>AAA</span></a>
</div>

e questo è il css:

div#sidebar{float:left;}
div#sidebar span{display:block;
width:140px;
background:url(grafic/cor.png) repeat top center;}
div#sidebar a{text-decoration:none;}
div#sidebar a span{cursorointer;
background:url(grafic/l1.png) repeat-x top center;}
div#sidebar a:hover span{background:url(grafic/cor.png) repeat-x center center;}

Colgo l'occasione per ringraziarvi, perchè per gli ignoranti in materia come me siete una risorsa formidabile

[thomas_anderson]

ciao!
dovresti dare una larghezza anche all'elemento flottato, e al link.

comunque, per creare un menu dovresti usare una lista.

[Ocerusico]

Grazie mille, problema risolto!!!
Quali vantaggi ci sono a fare il menu con la lista?