display:block - compatibilità FF e IE

[drkrag]

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

[Mich_]

Manca qualche scritta dentro il link per poter vedere come si comporta.
E poi mi pareva che tutto il testo dovesse essere dentro il link, stando all adescrizione.
Poi hai definito un a:hover (che si applica a tutti i tag <a> dell apagina) dopo il a:hover specifico del link: il secondo sovrascrive il primo.

Se definisci il link come block, ti complichi la vita: lascialo inline (il[*] e` gia di tipo simile al blocco):

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


CSS:
ul.menu1 {
  width:100%;
  list-style:none;
  margin:0px; padding:0px;
  text-align:right;
}
ul.menu1 li a {
  padding:0;
  line-height:2em;
  margin:0;
}
ul.menu1 li a:hover {
  white-space:normal;
  background-color:#BB8800;
  font-family:Verdana,Helvetica;
  color: #FFCC00;
  text-decoration: none;
}

[drkrag]

Eh no, così l'avevo già fatto.
Ma non mi piace, voglio che tutto il blocco del testo sia evidenziato.
In che senso manca qualche scritta nel link?

[indigoindigo]

Hai anche molti altri problemi nel sito.. dai un occhio a come si vede con FF 1.5.0.3



io ad esempio il menu in questione lo vedo con righe sovrapposte..

poi guarda le immagini nel testo..

se ti interessa qua ci sono le validazioni del sito

CSS

html

ciao

[drkrag]

Hai anche molti altri problemi nel sito.. dai un occhio a come si vede con FF 1.5.0.3

Ho risolto con un identificatore a parte,stanotte sistemo tutto.
Questo però è un limite del CSS e del box-model in particolare, perchè i lbox non si adatta all'immagine.
Comunque ho sistemato anche questo, rimane però il problema sopra esposto.
Coraggio!