no puedo superponer imagenes y ponerlas una al lado de la otra

[mktalternativa]

uso este codigo para superponer dos imagenes,, va de maravilla pero con el position: absolute no puedo lograr repetir el div "ii" uno al lado del otro . me lo pone como si hubiese solo uno


si le saco el absolute ahi si me muestra dos "ii" pero sin la superposicion interna

Gracias

codigo

Código:

#superposicion{
	z-index:1;
	position: absolute;
}
		
		
#superposicion2{ position: absolute; z-index:0; } 

#ii{ float: left; }

Código:

<div id="ii">


   <div id="superposicion">

    <img src="rojo.png" width="50" height="50"> </div>
    <div id="superposicion2">
   <img src="imagenes/hector%20sottosanto.jpg" width="113" height="113"> 
    </div>

</div>
<div id="ii">


   <div id="superposicion">

    <img src="rojo.png" width="50" height="50"> </div>
    <div id="superposicion2">
   <img src="imagenes/hector%20sottosanto.jpg" width="113" height="113"> 
    </div>

</div>