image ved siden af absolut image

I koden herunder forsøger jeg at få det sidste, ikke-absolutte-placerede image til at stå ved siden af de to absolutte der ligger oven på hinanden. - mit mål er at det sidste skal ryge nedenunder de to første hvis browservinduet bliver trukket smalt, men jeg kan ikke helt få det til at virke. -nogen forslag?
vh

<span style="position:relative;display:inline;">

<img id="map" style="Position: absolute; top:0; left:0; z-index:1;" height="263px" width="220px" class="noborder" src="pics/map.gif" >
<img id="maparrow" style="Position: absolute; top:0; left:0; z-index:2; " height="263px" width="220px" class="noborder" src="pics/blank.png" >
</span>

<img id="mapphoto" height="263px" class="noborder" src="pics/living.jpg" onclick="photoOn()" >