HTML - Problama con capas en explorer

Tengo una capa que se debe situar arreba de la otra en firefox y demas anda bien
Pero en Explorer me sale la capa por debajo de la foto
Es decir la capa "popup1" tiene que salir arriba de la capa "capa2"
El codigo es el siguiente alguien sabe porque falla?

<div id="capa1" style="position:relative;">
<img src="prendas/IMG_8015.jpg" width="122" height="183" />
<div id="popup1" style="position:absolute;z-index:10;left:0px;top:150px;width:100px;">
<img src="prendas/IMG_8015.jpg" width="100"/>
</div>
</div>
<div id="capa2" style="position:relative;">
<img src="prendas/IMG_7938.jpg" width="122" height="183" />
<div id="popup2" style="position:absolute;z-index:10;left:0px;top:150px;width:100px;">
<img src="prendas/IMG_7938.jpg" width="100"/>
</div>
</div>

Espero pronta respuesta desde ya muchas gracias!