Billede og CSS - sjovt problem

Jeg har 2 billeder, som jeg positionerer indenfor <div> - tags, således:
<div style="float:right;width:200px;background-repeat:no-repeat;background-attachment:fixed;bgproperties:fixed;">
          <img src="images/img1.png" style="width:220px; height:162px; position: relative; top:-1px; right:0px" border="0" align="right"></img>
          <img src="images/img2.png" style="width:220px; height:160px; position:relative; top:161px; right:0px" border="0"></img>
        </div>

Det var meningen at billederne skulle forblive på samme position, hvilket de gjorde med position:absolute. Desværre var de så fixed, at selvom man gør browservinduet mindre blev de stående på samme position (altså udover scrollbaren). Det problem løste jeg med position:relative. MEN og her kommer problemet: En gang imellem hopper billederne op over toppen eller også ryger det ene billede væk.

Er der nogle der ved kig på det jeg har postet ovenfor kan komme med en forklaring på, hvorfor dette sker?

Tak for hjælpen.