[One Column] Image position relative to screen size

Hi,

I have a problem with make my image to appear always on the same spot. If I change the resolution it is at a different spot.
I have one image on top of my header image but the second image does change position as I change my resolution.
My code looks like this:

<?php if ( get_header_image() ) {?>
     <div style="position: relative; left: 0%; top: 0;">
  		<a href="A_LINK">
  			<img src="<?php echo get_header_image() ; ?>" style="position: relative; top: 0; left: 0;"/>
  		</a>
         <div style="height:25%; width:22%; position: absolute; top: 60%; left: 60%;" >
                <a href="ANOTHER_LINk">
  			<img src="IMAGE" />
  		</a>
         </div>
     </div>
<?php } ?>

How can I make the second image to appear always on the same spot relative to the screen size and/or reolution.

I am looking forward to hear from you. ??

King regards,
Greeneco