Ciao a tutti, ho un problema con l'allineamento verticale del testo di una barra menu.

In pratica ho un menu con i testi di alcuni pulsanti che devono essere scritti su due righe e voglio che quelli che invece occupano una riga sola siano allineati verticalmente in basso.

Vi scrivo come è strutturato e posto il codice, please, help me!

div navbar [width definita, height no (posso anche spec se serve)]
ul [margin e padding messi a 0]
li [width specificata, height no (idem come sopra), resi float left]

il testo dei pulsanti del menu è contenuto nei[*] e va dal..... al:
- come arrivare [disporre su due righe]
- milonga [una sola righa, ma la vorrei allineata in basso con la secondo riga del [*] precedente]

Codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

css:
ul {margin: 0px; padding: 0px;}
#navbar {width: 625px;}
#navbar ul li {width: 77px; float: left;}

html:
<div id="navbar">
<ul>
<!-- cerca un modo di allineare in basso, senza usare il
!-->[*]buskers Festival[*]
milonga[*]anteprima ed eventi[/list]
</div>


Grazie 10000 a chiunque mi vorrà aiutare!!!!!