Efecto fade con una misma imagen

[Marsh2]

Hola, quisiera que me ayudaran a conseguir hacer un efecto de fade dentro de una misma imagen. La imagen cambia al pasar el mouse por encima y para evitar que la nueva imagen tardara en aparecer pues el navegador tiene que cargarla, hice el clásico truco de poner las 2 imagenes en una (una encima de la otra) pero dándole el height de una sola, y que al pasar el mouse por encima ésta adquiera background-position:bottom y así se viera la imagen de abajo. Lo que quiero hacer es darle un efecto de fade (desvanecimiento) a esta transición pero no consigo hacerlo pues todos los tutoriales que leí están hechos para 2 imágenes distintas superpuestas y yo quiero hacerlo sólo con 1.

De antemano gracias.