Superponer Div :S

[ipraetoriux]

Mmmmmm, mirándolo por muy por encima, me llama la atención acá

Código CSS:

#movies img{width:100%;z-index:0;}
 

En realidad el z-index deberia ir sobre el span que lo conteniene no sobre la imagen, y que ademas no seria z-index 0 porque ya existe en #movies.

Yo lo que haria es agregar un div contenedor de la imagen y el link y darle position absolute

Código HTML:

<div id="movies" class="rounded">
      <div>
           <a href="#"><span class="play"></span></a>
           <span class="title">The Amazing Spiderman</span>
            <span class="rounded imgc"><a href="#"><img src="/cinemahd/cover/1.jpg" /></a></span>
      </div>
      <div class="descripcion">
            Aqui la descripcion de la pelicula...
      </div>
</div>
 

y el css te quedaria algo asi...

Código CSS:

#movies > div {
      z-index: 90;
      position:absolute;
      height; 100%;
      top: 0;
      left; 0
}
#movies > .description{
      z-index: 99;
}
 

Deberías ajustar lógicamente los demás CSS