Y digo yo... no será mejor posicionar dos divs y dentro meter las imágenes que hacer todo lo que habéis hecho (que si posicionar las imágenes con position absolute, float left y right...)?
Código:
<div style="display: inline; float: left; width: 50%;">
<img id="img1" src="images/1.png" alt="1" />
<img id="img3" src="images/2.png" alt="3" />
</div>
<div style="display: inline; float: left; width: 50%;">
<img id="img2" src="images/1.png" alt="2" />
<img id="img4" src="images/2.png" alt="4" />
</div>
Un saludo,