elenco non ordinati ul li

[techno]

Salve ho questo tag ul:

<style>
ul.menu{ margin:0; padding:0; list-style:none; }
</style>
...
<ul class="menu">[*][*][*][/list]

mi da dei spazi tra gli[*]

ho provato anche a mettere margin 0 e padding 0 a[*] ma nulla ci sono sempre i spazi

[techno]

vi faccio vedere:



come vedete tra i vari "[*]" mi mette dei pixel di spazio che non voglio.
Come li elimino???

[techno]

notato ancora una cosa

se lo visualizzo con IE non mi da i spazi.
se lo vedo con chrome mi da uno spazio tra gli "li" di 2px
Mentre con mozzilla i pixel sono di +.

Accidenti dovrò mettere delle condizioni????

[techno]

provato così;

li {margin:0; [if !IE] margin-bottom:-2px;

funziona con IE ma non con gli altri.

Me sta a fa impazzì

[techno]

ok ho risolto per chrome e IE ho messo il display:block all "li":



ma non si è risolto per firefox:



come mai questa differenza???

[Prill]

hai delle immagini nelle voci elenco? se è così 1. dai alle immagini un dissplay block oppure 2. aggiungi nel css ul.menu img {vertical-align:bottom;}

[techno]

ok grazie ho fatto così:

ul.menu img { display.block }

ed si è risolto, grazie tante mi hai salvato al giornata da impazzimenti.