Warum teilst du das bild nicht auf?
wie gesagt aufteilen und in tabellen verschachteln 
EDIT: hier n link
http://www.zdnet.de/downloads/prg/h/x/de0BHX-wc.html
Moin!
Das ist aber nichht gerade die Beste Lösung.
Ich würde verweissensitive Flächen benutzen, das sieht dann so aus: http://web306.server3.webplus24.de/testseiten/flaechennavigation
Dafür brauchst du ein Area, 5 Grafiken und etwas JavaScript.
Ich poste hier mal den Quelltext meiner kleinen Datei, vielleicht kommst du damit ja schon klar:
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" language="JavaScript">
<!--
var npage = "Main"
Normal0 = new Image();
Normal0.src= "grau.jpg";
Highlight1 = new Image();
Highlight1.src= "rot.jpg";
Highlight2 = new Image();
Highlight2.src= "gelb.jpg";
Highlight3 = new Image();
Highlight3.src= "gruen.jpg";
Highlight4 = new Image();
Highlight4.src= "blau.jpg";
function Bildwechsel(Bildnr,Bildobjekt)
{window.document.images[Bildnr].src = Bildobjekt.src;}
//-->
</script>
<map name="flaeche">
<area shape="rect" coords="0,0,100,100" href="rot.html" alt="Rot" title="Rot" onmouseover="Bildwechsel(0,Highlight1)" onmouseout="Bildwechsel(0,Normal0)">
<area shape="rect" coords="100,0,200,100" href="gelb.html" alt="Gelb" title="Gelb" onmouseover="Bildwechsel(0,Highlight2)" onmouseout="Bildwechsel(0,Normal0)">
<area shape="rect" coords="0,100,100,200" href="gruen.html" alt="Grün" title="Grün" onmouseover="Bildwechsel(0,Highlight3)" onmouseout="Bildwechsel(0,Normal0)">
<area shape="rect" coords="100,100,200,200" href="blau.html" alt="Blau" title="Blau" onmouseover="Bildwechsel(0,Highlight4)" onmouseout="Bildwechsel(0,Normal0)">
[img]grau.jpg[/img]
</body>
</html>Beschreibung zu den verweissensitiven Flächen findest du hier -> http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm
Sonst frag einfach wieder 
G.a.d.M.
Ronald