Also mal ins Unreine...
man könnte sicherlich das Eine vom Anderen trennen, bleibt jedoch ein ABER...
Du könntest das Bild als Hintergrundbild deiner Seite einrichten und fixieren, sodass das Bild stehen bleibt und nur die Inhalte Scrollen. Da sich in dieser Grafik jedoch auch Textelemente befinden und sie auch sehr vom Detail lebt, halte ich persönlich es für unschön, wenn dort die Inhalte drüber scrollen.
Die Sache mit den Hotspots könntest du dann lösen, indem du an Stelle des Bildes ein transparentes Gif in gleicher Größe platzierst und darauf die Hotspots setzt. Der Besucher würde davon ja nix bemerken. Das transparente Bild mit den Hotspots würde dann aber im Falle längerer Seiten wieder wegscrollen. So dass zwar dein BG-Bild sichtbar bliebe aber dessen Links erst wieder nutzbar wären, wenn man hochscrollt.
Bei der Höhe die dein Navigationsbereich einnimmt, wären nichteinmal
Frames eine Lösung, wobei die ohnehin nicht empfehlenswert sind, denn wir fahren ja auch nicht mehr mit dem Pferdefuhrwerk einkaufen...
Also würde ich dir dazu raten, ganz normal deine Inhalte einzubinden und die Seite scrollen zu lassen. Das ist Standard und jeder kennt es so. Zur Unterstützung kannst du eventuell einen Top-Link setzen, dazu gibt es hier Anleitungen... Oder aber du musst nach einer externen Lösung googeln, mit welcher du deinen
header festsetzt... oder du musst alle Inhalte darunter in einen kleinen Scrollbaren Bereich setzen... aber wie gesagt finde ich deinen header für all diese Lösungen zu platzfüllend...