Problemi allineamento verticale

[Edipo]

Ciao a tutti, ho un problema col contenuto di questa lista:

CSS
#showroom li {
padding-right:4px;
margin-top:5px;
background-color: #ffaf00;
width:183px;
height:26px;
text-align:right;
list-style:none;
}

.menu2 {
color: #000000;
font: normal 11px arial,san-serif;
display:block;
}
a.menu2:link, a.menu2:visited {
color: #000000;
text-decoration: none;
font: normal 11px arial,san-serif;
display:block;
}

a.menu2:hover, a.menu2:active, a.menu2:focus {
color: #000000;
}

<ul id="showroom">[*]MILANO[*]VERONA[/list]

In pratica non riesco ad allineare le voci MILANO, VERONA.. sulla verticale, vorrei posizionarli in basso a destra, ma come? Ho provato vertical-align ma nulla da fare, non se lo fila proprio.
Come mai?
Grazie in anticipo

[gengix]

Devi utilizzare la proprietà "line-height" per abbassare il link.

css:
#showroom li {
padding-right:4px;
margin-top:5px;
background-color: #ffaf00;
width:183px;
height:26px;
text-align:right;
list-style:none;
}
.menu2
{
color: #000000;
font: normal 11px arial,san-serif;
line-height:35px;
display:block;
}
a.menu2:link, a.menu2:visited {
text-decoration: none;
}
a.menu2:hover, a.menu2:active, a.menu2:focus {
color: #000000;
}

Ti ho tirato via delle proprietà negli stati dei link, perchè erano dei doppioni dal momento che erano già dichiarati nella classe .menu2.