Problema Codice foto sopra un'altra foto

Non sapevo centrare il problema nel titolo.. chiedo scusa in anticipo..
Nelle mie pagine del sito ho questo codice che una volta che si clicca sopra una foto ne compare sotto un'altra.. questo è il codice che utilizzo:
<div style="position:relative;"><img src="Gallery/Photogallery/Foto/Ford1.jpg" id="immagine1" onclick="document.getElementById('immagine2').styl e.display=''; this.style.display='none';" style="position:absolute; top:20px; right:92; border:7px solid #000000;"/> <img src="Gallery/Caricature/Ford.gif" id="immagine2" onclick="document.getElementById('immagine1').styl e.display=''; this.style.display='none';" style="position:absolute; top:42px; right:160; border:7px solid #000000; display:none;"/></div>
però se in tale pagina è presente lo scrollbar la prima immagine situata in un punto x, al secondo clic cioè dopo aver visto la seconda immagine e quindi voglio tornare alla prima, questa risulta spostata di un pò.. e ho notato che questo capriccio lo fa solo quando in una pagina vi è lo scrollbar.. se sapete aiutarmi a far rimanere fissa la prima foto grazie mille..