Hola, si no entiendo mal tu lo que quieres hacer es esto:
Código:
a {
background: url(imagenes/azulamerica.jpg);
display: block;
height: 350px;
width: 400px;
text-indent: -2000px;
}
a:hover {
background: url(imagenes/azul-belleza.jpg) 4px 5px;
display: block;
height: 350px;
width: 400px;
}
HTML:
<a href="http://images.google.es/imgres?imgurl=http://hablasonialuz.files.wordpress.com/2009/05/azulamerica.jpg&imgrefurl=http://hablasonialuz.wordpress.com/2009/05/04/azul-bellisima-nuestra-casa-imagenes-de-la-tierra-desde-el-espacio/&usg=__2K-IoFk257TLdipVmgfn9n_f_EY=&h=345&w=460&sz=24&hl=es&start=252&um=1&tbnid=Re30tpoSBLEu-M:&tbnh=96&tbnw=128&prev=/images%3Fq%3Dimagenes%26ndsp%3D20%26hl%3Des%26sa%3DN%26start%3D240%26um%3D1">Link</a>
Hay otra manera con una sola imagen, pero bueno mira esto y después si quieres te digo la otra manera, que es un reinvento de
Mikmoro. En el link llevas el enlace a las fotos.
Te pongo solo <a> y <a:hover> espero sea lo que querias.