elenco puntato in orizzontale.

[zoom]

sto facendo un menù con i css e lo sto realizzando con un semplice elenco puntato.
Però mi serve in orizzontale...
Ho quindi provato così:

<ul class="navigazione">
<li class="primo-nav">Home
[*]Secondo[/list]

con questo css applicato.

.navigazione ul {
border : 0px;
margin : 0px;
display : block;
}
.navigazione li {
display: inline;
margin-left : 40px;
list-style-image : url(../img/sfondi/navigazione.gif);
}
.primo-nav{
list-style-type : none;
list-style-image : none;
display : inline;
}
però non mi mostra mai lo stile dell'elenco...
gli elementi appaiono affiancati ma non compare il segno...
Se tolgo l'inline dal li ricompare ma logicamente vanno a capo...
come posso fare? :master:
grazie a tutti...

[Jerry Masslo]

visto che usi immagini potresti provare a usare quelle come sfondo non ripetuto, assegnado padding conveniente?

[zoom]

:metallica
l'idea è buona...
ho sistemato così il css...

.navigazione ul {
border : 0px;
margin : 0px;
display : block;
list-style-type : none;
}
.navigazione li {
display: inline;
background-image : url(../img/sfondi/navigazione.gif);
background-repeat : no-repeat;
padding-left : 22px;
vertical-align : middle;
background-position : left center;
padding-right : 20px;
}
.primo-nav li {
background-image : none;
display : inline;
}

però quando richiamo la classe primo-nav mi lascia l'immagine di sfondo...
come mai? :master:
sono al primo vero sito tableless e un po' di problemi ce li ho, anche se magari sono banali...