un div encima de otro

[Luminis]

Si lo que quieres es que al pasar el mouse sobre la imagen y esta muestre un texto sobre la propia imagen, entonces necesitas hacer hover sobre el contenedor. Yo lo haría de la siguiente manera. Ejemplo:

Código HTML:

<div id="contenedor">
  <div id="imagen>
    <div id="texto"></div>
  </div>
</div>
 

Código CSS:

#contenedor {
width: 100px;
height: 100px;
}
 
#imagen {
  /*Formato para la imagen y su contenedor...*/
}
 
#texto {
  /* Formato para el texto y su contenedor */
  visibility: hidden;
}
 

Ahora, luego de darle formato a los divs deberás hacer hover sobre el contenedor principal para que al pasar el puntero por cualquier lugar de este, muestre el texto sobre la imagen:

Código CSS:

#contenedor : hover > #texto {
  visibility: visible;
}
 

¿Que hice?

Crear un div que sirva de contenedor general (#contenedor), dentro de este colocas un div que contenga la imagen (#imagen) y dentro del div de la imagen creas otro que contenga el div con el texto que quieres mostrar (#texto).

Le das formato con CSS a todos los divs y procedes a pasar el :hover sobre los contenedores, quedando lo siguiente:

Código CSS:

#contenedor : hover > #texto
 

Esto quiere decir que el div #contenedor hace :hover en el div #texto. Dando como resultado que al pasar el mouse sobre el contenedor general (#contenedor) este haga el efecto de mostrar el texto sobre la imagen.

Ahora...

Es importante que notes y agregues la propiedad visibility, que permite ocultar o mostrar el contenido del contenedor al cual le agregaste esa propiedad.

En nuestro div #texto agregamos la propiedad visibility: hidden; para ocultar el texto del contenedor, y en #contenedor : hover > #texto agregamos la propiedad visibility: visible; para mostrar o hacer visible el contenido del div.

Espero haberte ayudado con tu duda, y por si no te queda del todo claro, te recomiendo que investigues un poco sobre la propiedad CSS :hover y visibility, ya que con ellas harás maravillas, y lo mejor de todo... son fáciles de usar.

P.D: También recuerda usar z-index para colocar capas sobre capas ([inline]div sobre [inline]div), tomando en cuenta que #contenedor irá al fondo, sobre este irá #imagen y sobre imagen irá #texto. Aunque creo que no es del todo necesario usar el z-index .