Korrekte Vererbung in CSS

[css newbie]

Moin,

Seh ich das richtig, dass div3 nach folgender position:relative Konstrukation als style top:100px; vererbt bekommt? Firefox, Chrome und Opera sehen dass auf dem Rechner so, Opera mini auf Android vererbt dagegen 500px...

<div id="div1" style="hight:100px;">
          <div id="div2" style="hight:500px;">
          </div>
</div>
<div id="div3">
Gesucht: top Position dieses Elementes...sollte 100 sein oder?
</div>

Danke :)