[CSS] Problema con altezza cella nelle liste

[Rei-chan]

Salve a tutti!
Stavo creando un menu per mezzo delle liste (UL e LI) ma si è presentato un problema un po' antipatico mentre sperimentavo la visualizzazione in Firefox :\
Se infatti visualizzo il menu creato, ci sono delle spaziature troppo grandi fra una cella e l'altra (cosa che invece con IE non accade). Mi chiedevo quindi in che modo possa eliminarla...
Posto qui il codice css:

DIV#BOXboxtwo UL {
list-style: none outside none;
text-align: center;
margin: auto;
padding: 0px;
margin: 0px;
display: inline;
}

DIV#BOXboxtwo LI {
font-family: Georgia;
font-size: 15px;
list-style: none outside none;
border-bottom: 1px dotted #6493F3;
text-align: center;
}

Questa è invece la porzione di codice della pagine html:

<UL id="BOXboxtwo">[*]Homepage
[*]Artfolio
[*]Tools
[*]Extra
[*]Links
[*]Switch!
[/list]

Ovviamente l'id BOXboxtwo non è qui riportata perché non è di rilevanza per il problema...
Come posso risolvere il problema ad ogni modo?
Grazie in anticipo!

[aRaZZ]

un buon metodo può essere quello di specificare l'altezza che devon oavere i box, in modo che tutti i browser che supportano l'attributo height (penso praticamente tutti) visualizzino la pagina correttamente =)
fammi sapere se funziona!!

[Rei-chan]

Quella dell'altezza è stata una buona dritta, ma non sufficente. Ho invece scoperto che se nella mia UL definisco il valore dell'altezza del testo (quindi un semplice: font-size: 1px; o anche a 0px , dipende dall'effetto che si vuole ottenere) allora quella fastidiosa spaziatura che si vede con Firefox... sparisce!
Certo: penso si tratti solo di uno sporco escamotage... ma meglio di niente! Anche perché mi ha permesso di risolvere il problema
Grazie per l'aiuto! Spero che questo thread possa tornare utile a chi ha avuto il mio stesso problema e non sapeva come risolverlo!