Hlavička odskakuje v Opeře

http://www.poutave.cz/

V Opeře (jinde jsem neregistroval) mi někdy odskočí hlavička, která má margin-top nastavený. Neskáče vždy, ale pouze někdy.

Nevíte čím to? Díky.

HTML:
<div id="obal">
<div id="hlavicka">
<h1><a href="/" title="Kliknutím se dostanete na úvodní stránku">Píšeme poutavě &ndash; Efektivní texty pro Vaše webové stránky<span> </span></a></h1>
<div id="pero">&nbsp;</div>
<div id="tuzticka">&nbsp;</div>
<div id="linka-hlavicka">&nbsp;</div>
</div>
...

CSS:
#obal {
position: relative;
width: 740px;
margin: 0 auto;
text-align: left;
}

#hlavicka {
width: 740px;
height: 220px;
position: relative;
margin-top: 23px;
}

h1 {
position: absolute;
overflow: hidden;
top: 45px;
right: 75px;
font-size: 150%;
text-align: center;
}

h1, h1 span {
width: 369px;
height: 96px;
}

h1 span {
display: block;
position: absolute;
top: 0;
left: 0;
background: url('../img/nazev.gif') no-repeat 0 0;
cursor: pointer;
}

#linka-hlavicka {
position: relative;
margin: 0 auto;
width: 700px;
height: 3px;
top: 0;
background: url('../img/hlavicka.gif') no-repeat 0 0;
}

#pero {
position: absolute;
width: 223px;
height: 160px;
top: 35px;
left: 23px;
background: url('../img/pero.gif') no-repeat 0 0;
}

#tuzticka {
display: block;
position: absolute;
bottom: -5px;
right: 0;
background: url('../img/tuzticka.gif') no-repeat 0 0;
width: 45px;
height: 32px;
}

rdd

Ale proč to? :-/

Manq
joe

Díky, ale proč to dělá position, nějaké rozumné vysvětlení? :-)

Z hlavičky jsem position relative ubral a pořád to odskakuje... :-/ že by to dělalo position v obalu?

No, webdesigneři... :-)

ladik

Dík... vypadalo to rozumně a vyšlo to :-)