efecto mouseover para <div>

[PedroRodas]

Hola, he estado investigando acerca de hacer un efecto mouse over con imagenes.

- Para imagenes de fondo parece bastante facil usando el estado :hover.

-mi idea es hacerlo para un div completo que consta de texto y una imagen
- Mi idea es usar un div por defecto con los bordes en gris y la imagen en blanco y negro. Al hacer mouseover se cambia por un div en el que los bordes estan a color y la imagen tambien.

- He leido que se pued hacer usando el display y z-index, pero no si esto es asi, y si lo es, no consigo dar con el codigo.

Tambien acepto cualquier otra solucion para mi problema.

muchas gracias de antemano.