Bueno mas vale tarde que nunca, ya está solucionado
Lo he logrado gracias a otro post de recorte de imagenes en diseño grafico, practamente era un problema parecido, lo he logrado de la siguiente manera:
1º haciendo el rollover (tanto la imagen normal como la del estado sobre)
2º luego guardandolo optimizado como html e imagenes gif
3º colocando ese el código generado por Imageready en html, primero el script entre las etiquetas <Head> y </Head>, y luego el contenido que genera ImageReady en el body metiendolo en el <Body> del html, todo ello copiado del archivo html generado por ImageReady.
Por ultimo asegurarme bien de las rutas o de los nombres de las carpetas o imagenes para que estas aparezcan adecuadamente
Es un poco tarde mi respuesta, solo espero que si alguien tiene este problema que por lo menos le sirva.
Un saludo
