problema menu verticale e link

[matteo01]

Ciao a tutti.
Sto cercando di realizzare un semplice menu verticale, con questo codice:

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

Questo è il css:

ul {
         margin: 0;
         padding: 0;
         list-style: decimal inside;
         font: bold 12px tahoma, verdana, Arial, serif;
         line-height: 1.4;
}
li {
       border-bottom: 1px solid #333333;

}
 li a:link, li a:visited, li a:active {
              color: #ffffff;
              /*PER ESTENDERE IL LINK SU TUTTO LO SPAZIO DEL LI*/
              display: block;
              height: auto;
              line-height: 1.4;
}
li a:hover {
              font-style: italic;
              color: #ff0000;
              background-color: #333333;
}

Però, ,solo con firefox ho questo problema, in pratica la lista mi appare si numerato come chiedo nel css, però il link viene disposto su una nuova riga!
Per farmi capire ho allegato un' immagine...

Sapete aiutarmi a risolvere? Grazie mille!!

[gabip87]

ma in questo caso non dovresti usare una [list=1] ?
vedi se questi esempi del manuale CSS della W3C possono essereti utili.

[matteo01]

si scusa, è che ho riscritto al volo un pezzo di codice e ho sbagliato! Però nella mia pagina utilizzo correttamente una ol

[gabip87]

comunque non avrebbe dovuto essere la causa del problema, era solo una segnalazione.
non posso aiutarti ulteriormente in quanto non ho mai usato questa proprietà. vedi se con gli esempi che ti ho postato riesci ad andare avanti. presta attenzione anche all'ordine degli attributi.
se no prima o poi arriverà qualcuno in grado di darti una mano.

[matteo01]

niente il link che mi hai dato non valuta il mio problema! Grazie mille comunque!

[matteo01]

nessuno?