menu con display:block su IE

[shadyz]

Ma è solo un problema mio oppure in un menu del tipo:

<ul>[*][*][/list]

i display: block messi in un #menu ul li a non funzionano con explorer?

[H5N1_Aviaria]

Problema tuo

[shadyz]

Non riesco a risolvere il problema: posto il codice.

<div id="menu">
<ul>[*]Ciccio[*]Franco[/list]
</div>



menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li {
margin: 0;
padding: 0;
display: inline;
}

#menu ul li a {
display: block;
text-decoration: none;
margin: 0;
padding: 0;
}

[H5N1_Aviaria]

1 - ul li è inline e ul li a è block: non ha senso, non è permesso, non è valido.
2 - non capisco cosa tu voglia ottenere
3 - il display block non lo vedo in ul li
4 - non noto differenze fra IE6, IE7, Firefox e altri browser.

Se vuoi un menu orizzontale devi usare il float:left (spero di aver capito bene).

[shadyz]

Quello che voglio fare è rendere clickabile l'intera area di un <a>, cioè non solo la scritta, ma tutto il suo spazio orizzontale fino ai margini del menu. Questo funziona con FF, Opera e non con IE.

Se non metto display:inline in un li, IE mi crea uno spazio sopra e sotto ogni[*].

[marcopanino]

Originariamente inviato da shadyz
Non riesco a risolvere il problema: posto il codice.
#menu ul li a {
display: block;
text-decoration: none;
margin: 0;
padding: 0;
}

aggiungi width: 100%