Menù ul li

[..:: T€O ::..]

salve, sto creando un menù con ul e li.
il problema è che quando il testo è troppo lungo mi va a capo, ma il testo mi si sovrappone alla riga successiva...
ecco l'immagine:


ed ecco il mio css:

ul.menu2 {
width:355px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}

ul.menu2 li a {
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 0em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
border-top:2px solid #FFFFFF;
border-bottom:1px solid #bebebe;
font-weight: normal;
font-size: 11px;
}

ul.menu2 li {
display:inline;
} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu2 li a:link, ul.menu1 li a:visited {
background:#FFFFFF;
color: #073b62;
} /* colori per il link */

ul.menu2 li a:hover, ul.menu1 li a:active {
background: #f2f2f2;
color:#b1001a;
} /* colori per l'effetto roll-over */

grazie mille in anticipo!!!

[..:: T€O ::..]

up.. dovrebbe essere semplicissimo.. ho provato con position:relative; ma mi spezza il testo e non continua.. come faccio a dirgli che in caso di due righe deve allargarmi la riga??

[..:: T€O ::..]

perfetto il problema è che fissavo un altezza.