Ciao a tutti.
Ho un problema: in un menu devo far si che una scritta -che per ragioni di spazio mi finisce su due righe- sia evidenziata totalmente al passaggio del mouse.
il codice , in sintesi, è:
CSS:
ul.menu1 {width:100%;list-style:none; margin:0px; padding:0px 0px; text-align:right;}
ul.menu1 li a {display:block; width:100%; padding:0em 0em; height:100%; line-height:2em; margin:0em 0em}
li a:hover {display:block; width:100%; white-space:normal; background-color:#BB8800; font-family:Verdana,Helvetica; font-size: 8pt; color: #FFCC00; text-decoration: none} a:hover { }

HTML
<ul class="menu1">
[*] Testo 1 su più righe
[*] Testo 2 su più righe[/list]

Il problema è che la seconda riga del testo 1 si sovrappone alla prima del testo 2.
Non basta, se provo a fare un
dopo ciascuna voce di menu, il display:block comuqnue viene applicato alla sola prima riga del testo.
E' un baco? Su IE tutto oK, su Firefox..disperazione.
Il sito è questo qui.

Datemi una mano,sto impazzendo!
GG