Cambiar entre dos imágenes al pasar el raton por encima con css - http://jesus.perezpaz.es/2013/01/cambiar-entre-dos-imagenes-al-pasar-el-raton-por-encima-con-css/

gistfile1.css

#imagen {
  background: url(ruta a la imagen/imagen1.jpg) no-repeat;
  height: (alto)px;
  width: (ancho)px;
}

gistfile2.css

#imagen:hover {
  background: url(ruta_a_la_imagen/imagen2.jpg) no-repeat;
  height: (alto)px;
  width: (ancho)px;
}

gistfile3.css

#imagen {
  background: url(ruta_a_la_imagen/imagen1y2.jpg) no-repeat left;
  height: (alto)px;  //el alto original de la imagen1
  width: (ancho)px;  //el ancho original de la imagen1
 }
 
#imagen:hover {
  background-position: right
  height: (alto)px;  //el alto original de la imagen2
  width: (ancho)px;  //el ancho original de la imagen2
 }