Zarovnání pomocí paddingu

Ahoj,
předělávám design na svém webu a nevím, jak zarovnat menu tak, aby vypadalo stejně jak v IE (to mi vyhovuje) tak v Mozille Firefox. Když použiji u horního Menu padding-top: 3px; a u středního Menu padding-top: 11px;, aby se mi nadpis nedržel v horní části, udělá to v Mozille bordel, protože to posune i následující prvek, ale v IE ne.
Odkazy příkladů:
Bez zarovnaného menu
Se zarovnaným menu
Chce se na to opravdu podívat v obou prohlížečích. Za jakokoliv radu předem děkuji.

blackjoker:
Když to udělám pomocí marginu, tak se mi neposune písmo :(

Tady je ta část CSS, která rozhodí Mozillu:

#menu {
width: 200px;
margin-left: 23px;
}

#menu .horni {
width: 200px;
height: 31px;
background: url("../img/menu_horni.gif") no-repeat;
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-top: 3px;
}

#menu .stred {
width: 200px;
height: 39px;
background: url("../img/menu_stred.gif") no-repeat;
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-top: 11px;
}

#menu .dolni {
width: 200px;
height: 10px;
background: url("../img/menu_dolni.gif") no-repeat;
}

#menu .mezi {
width: 200px;
background: url("../img/menu_mezi.gif") repeat-y;
padding-left: 10px;
}

repetep:
To používat neumím ... nebo jinak, ještě jsem to nepoužil, ale zkoušel jsem už to.

Vyřešeno. Všem děkuji za odpovědi.