menù orizzontale e spazio tra elementi

[Gnegno]

Ciao,
sto creando un menù orizzontale con questo codice

<ul>[*]Portfolio[*]Chi Sono[*]Contattami[/list]

il codice css è il seguente

#menu ul {
    margin: 0;
}

#menu ul li {
    background:#CCC;
    color:#FFF;
    display:inline;
    list-style-type:none;
    margin-left:0px;
    margin-right:0px;
    padding:10px 10px 10px 10px;
}

eppure fra gli elementi del menù c'è uno stacco di 4px!
dovrei mettere -2px a destra e sinistra e allora i blocchi sono correttamente adiacenti
Perchè? Con margin 0 non dovrei ottenere quest'effetto finale?

Per favore mi potete dire dove sto sbagliando?

grazie mille
ciao

[mucu]

riscrivi senza spazi

<ul>[*]Portfolio[*]Chi Sono[*]Contattami[/list]

[Gnegno]

ma gnamo.. uffi :-\
è vero grazie mille