vystredenie obrazku

mam nasledovny div:

.lavy {
position: absolute; width: 535px; height: 540px;
top: 0px; left: 0px; text-align: center;
color: white; background-color: #111111; background: url(lavy.gif) no-repeat;
border-width: 1px; border-style: solid none solid solid; border-color: #333333;
font-family: Georgia,Tahoma,Arial;
}

potrebujem dovnutra vlozit obrazok,ktory bude presne vystredeny,podarilo sa mi urobit iba nasledovne:

.obrazok {
width: 500px;
height: 333px;
margin-top: 103px;
border-width: 1px; border-style: solid; border-color: #333333;
}

v IE je to ok,ale v mozille to neviem odlepit od laveho okraja,poradite?

Trejpa
vdaka,pomohlo,este mam otazku...ak tie obrazky budu roznych rozmerov,potrebujem vyhodit margin-top: 103px; ako to vystredim od vrchneho a spodneho okraja?