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!!