Hola:
Algo parecido tengo en el menú de la página de mi perfil, y también se ha hablado en estos foros, así que buscando creo que encontrarás más posibilidades...
El sistema que uso es con una capa contenedora con position relative y las 2 imágenes con position albsolute y tanto top como left=0... Y con javascript poner el mouseover para hacer invisible la imagen superior y el mouseout de la imagen inferior que vuelva a mostrar la imagen superior...
<style>
.roll {
position: absolute;
top: 0;
left:0;
}
</style>
<div style="position: relative">
<img class="roll" src="fondo1.jpg" name="imagen1" onmouseout="document.images.imagen2.style.visibili ty = 'visible'"/>
<img class="roll" src="fondo2.jpg" name="imagen2" onmouseover="this.style.visibility = 'hidden'"/>
</div>
Saludos
