Muchas gracias por sus respuestas!
Ya lei todo un manual de html, pero no encontre la solucion. Lo resolvi colocando un background igual al que utilice en el mapa de imagen con width=100% y con height igual al mapa de imagen y despues coloque el mapa de imagen en el centro asi no se ve la diferencia entre en banner y el background, parece una misma imagen.
Les dejo el codigo por si alguien tiene en mismo problema y les pueda servir
<style type="text/css">
body{
background-image: url('IMAGEN');
background-repeat: repeat-x;
background-position: 0px 29px;
background-color: #000000
}
</style>
<body bgcolor="#000000" width="1074" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<img src="AQUI PONGO LA UBICACION DE LA IMAGEN" usemap="#mymap" width="1074" border="0">
<map name="mymap">
<area shape="rect" coords="916,276,977,339" href="PAGINA" src="IMAGEN">
<area shape="rect" coords="914,200,974,260" href="PAGINA" src="IMAGEN">
<area shape="rect" coords="907,120,967,180" href="PAGINA" src="IMAGEN">
</map>
</center>