allineamento in basso blocco header

[dogo21sob]

Ho un header così definito:

#header {
border-bottom-style: solid;
border-bottom-width: 2px;
height: 8em;
background-repeat: no-repeat;
text-align: center;
}

nel quale inserisco un titolo, così definito:

.headerTitle {
font-size: 300%;
font-weight: bold;
line-height: 2em;
}

e devo inserire anche un menù realizzato in javascript.
Vorrei allineare il menù in posizione centrale (orizzontalmente) ed allineato perfettamente sul bordo inferiore dell'header... come posso fare? :master:

ho provato con:

#menu {
padding-top: 10px;
}

ma, mentre su internet explorer 8 si vede allineato, su firefox no... c'è un modo per allinearlo esattamente nello stesso punto per entrambi i browser?

[Number22]

No non devi usare il padding, dovresti usare il margin..per quanto riguarda la visualizzazione con IE è meglio creare un altro css apposito con le modifiche per IE

[dogo21sob]

perchè il margin invece del padding? graficamente il risultato è proprio lo stesso... riguardo ai css separati, volevo evitare proprio quello