posicionar una capa encima de otra...

[markshock]

Hola amigos...

tengo un problemazo que no se como resolver, tengo este código:

Código HTML:

<div id="comercial-centro" style="width:100%; height:379px; background: #fff; margin-bottom:5px;">
 <div style="position:relative; top:0px; left:0px; z-index:10;"><img src="imagenes/img-camiseta-test.jpg" border="0" alt=""></div>
 <div style="position:relative; top:10px; left:150px; z-index:2;">lalalalalalalala</div>
</div> 

Lo que quiero hacer, es que la capa del lalalala poderla posicionar encima de la imagen, he probado de meterle z-index... position:relative... y nada.

el tema está en usar la capa COMERCIAL-CENTRO como contenedor de esas 2 capas...

en fin, espero haberme explicado... básicamente que el lalala flote encima de la capa de la imagen...

Un saludo y mil gracias amigos!

[markshock]

Me respondo a mi mismo....

la cosa sería así....

Código HTML:

<div id="comercial-centro" style="position:relative; width:100%; height:379px; background: #fff; margin-bottom:5px;">
 <div style=""><img src="imagenes/img-camiseta-test.jpg" border="0" alt=""></div>
 <div style="position:absolute; top:10px; left:150px; z-index:2;">lalalalalalalala</div>
</div>