efecto al pasar el mouse sobre una imagen (hover)

[pzin]

Yo creo que estructuralmente convendría hacer algo más robusto como:

Código HTML:

<div class="pelicula">
  <span>Cuestión de Tiempo</span>
  <img src="peli.png">
  <div class="sinopsis">
    Bla bla
  </div>
</div>
 

Y luego ya trabajas con una posición relativa y absoluta:

Código CSS:

div.pelicula {
  position: relative;
}
 
div.sinopsis {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  display: none;
}
 
div.pelicula:hover div.sinopsis {
  display: block;
}