menu posizionamento verticale testo

[robo12]

Salve a tutti!
Ci sto passando un sacco di tempo su ma non riesco proprio a risolvere questo problema, spero che qualcuno di voi possa aiutarmi.
Allora, ho questo menu

<div class="chromestyle2" id="chromemenu2">
<ul>[*]I nostri prestiti[*]Servizi on-line[*]Franchising[*]Club M3 [/list]
</div>


<div id="dropmenu5" class="dropmenudiv2">
Cessione di quinto
Cessione di quinto pensionati
Prestito delega
Prestito personale
Mutuo
Carta di credito
Richiesta preventivo</div>



<div id="dropmenu6" class="dropmenudiv2">
Richiesta preventivo
Verifica stato richiesta
Iscrizione alla mailing list
Lavora con noi
Contatti</div>


<div id="dropmenu7" class="dropmenudiv2" style="width: 250px;">
Franchising M3
Richiesta affiliazione in franchising
Mappa M3 points</div>


<div id="dropmenu8" class="dropmenudiv2" style="width: 150px;">
Club M3
Magazine M3
Convenzioni
Servizi</div>

e questo è il css

.chromestyle2{
width: 100%;
font-weight: bold;
height: 41px;
}

.chromestyle2:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;

}

.chromestyle2 ul{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border-top: 1px solid #BBB;
border-bottom: 1px solid #BBB;
width: 100%;
background: url(../images/menu_bottom_bg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 0;
margin: 0;
text-align: right;
height: 100%;
}

.chromestyle2 ul li{
display: inline;

}

.chromestyle2 ul li a{
color: #2f8eb4;
padding-left: 10px;
margin: 0 15px 0 0;
text-decoration: none;
border-left: 1px solid #61819d;
}

.chromestyle2 ul li a:hover{
color: #666;
/*background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle2 ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Secondary Drop Down Menu ######### */

.dropmenudiv2{
position:absolute;
top: 0;
border: 2px solid #2f8eb4; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:15px;
z-index:100;
background-color: white;
width: 200px;
margin-top: 23px;
visibility: hidden;
/*filter: progidXImageTransform.Microsoft.Shadow(color=#CACACA,dir ection=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv2 a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #2d7796;
}

* html .dropmenudiv2 a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv2 a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

ora, quello che non funziona, è che il testo dei link è posto in alto mentre io lo vorrei centrato verticalmente nello spazio a disposizione. In più il bordo sinistro vorrei che occupasse tutta l'altezza. Nonostante i miei sforzi, ilbordo si allunga ma verso l'alto, sovrapponendosi ad una parte che non mi interessa. Per capire meglio potete vedere l'esempio qui


http://www.robertoaiello.com/test/

grazie a tutti quelli che cercheranno di aiutarmi

[ricman]

Hai postato una tonnellata di codice. Era meglio se riassumevi il problema con un pezzettino di codice (quello incriminato) ad hoc. Nell'esempio non sono riuscito a capire il probl... (uso safari 3)
Non ho il tempo di guardarlo tutto... In generale però (poi vedi te se hai già provato) per centrare in verticale il tuo A devi assegnargli una height e una line-height dello stesso valore

[robo12]

grazie! non avevo provato il valore di line-height. E funziona anche senza impostare l'height. Grazie!