Domanda sui tab

[InfoWeb.Roma]

ciao ragazzi vorrei porre una domanda...
ho realizzato un tab così strutturato:
<div id="navigation">
<div id='tab'>
<ul>[*]Home[*]progetti[*]contatti[*]curriculum[*]informatica[/list]
</div>
</div>

e poi svolto la formattazione con i css:

#tab ul li{
display:inline;
margin:0;

}
#tab ul li a{
padding:10px 35px;
color:#FFFFFF;
background-color:#000000;
float:left;
text-decoration:none;
border:1px solid #009911;
margin:3px;
border:1px solid #FFFF00;

}
#tab ul li a:hover{

color:#000000;
text-decoration:none;
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF
}
#tab ul li a.active{
background:#FFFFFF;
color:#000000;
border-bottom:1px solid #FFFFFF;
padding-bottom:25px;
margin-top:-12px;

}

premetto che funziona bene con i vari browser l'unica cosa è che x posizionarlo in basso alla navigation devo accorciare ques'ultima. Ora io nn so se è un metodo corretto o se c'è un altra soluzione e vorrei appunto saperlo grazie e scusate x il poema che ho scritto :P

[fcaldera]

aggiungi

#navigation {
position: relative;
padding-bottom: (altezza del div tab in 'em');
}

#tab {
position : absolute;
bottom : 0;
left : (decidi tu)px;
}

[InfoWeb.Roma]

grazie li ho aggiunti...xò..

#tab ul li a{
padding:10px 35px;
color:#FFFFFF;
background-color:#000000;
float:left;
text-decoration:none;
margin:3px;
border:1px solid #FFFF00;
margin-bottom:-1px;
}

ho dovuto aggiungere un margin-bottom:-1px; xchè altrimenti con firefox rispetto ad explorer il tab era + in alto di 1px ora invece sono nella stessa posizione spero sia corretto...