kidart:
El problema es que lo que has hecho y lo que esxpones son cosas bastante confusas
En primer lugar en ningun lado utilizas una imagen de "fondo", tienes una imágen con un link
<a href="alicebastin.html" target="_self"><img src="images/index_alicebastin.jpg" alt="Alice Bastin" border="0" usemap="#Map"/></a>
A su vez para esa imágen tienes asignado un "map", Si usas un map, los vinculos se definen en el map, dentro del "area" para las coordenadas especificas.
Mira el siguiente código:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mapa</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body bgcolor="#FFFFFF">
<map name="chm-error1x1" id="chm-error1x1">
<area shape="rect" coords="260,68,788,112" href="http://google.com.ar" target="_blank" alt=
"Google" /></map> <img src="chm-error1x1.jpg" width="796" height="862" border="0" alt=
"chm-error1x1.jpg" usemap="#chm-error1x1" />
<div>
<table cellspacing="0" cellpadding="0">
<tr>
<td><a href="alicebastin.html" target="_self"><img src="chm-error1x1.jpg" alt="Alice Bastin"
border="0" usemap="#Map" width="796" height="862" /></a></td>
</tr>
</table>
</div>
<map name="Map" id="Map">
<area shape="rect" coords="504,425,770,514" href="alicebastin.html" target="_self" alt="" /></map>
</body>
</html> Ahi vas a ver la misma imágen que se repite, en la superior tengo definido un mapa
#chm-error1x1 pero sin ningun <a></a> que encierre la imágen, en la inferior esta lo que tu hiciste, o bien quitas el mapa y toda la imagen sera un link a alicebastin.html, ó quitas el <a></a> de la imagen y harás que funcionen las coordenadas del mapa de ID "Map".
Te dejo una demo funcionando en
http://foros.emprear.com/map/mapa.html
Rastrea con el mouse para ver dónde esta el link en la imagen superior
Saludos