Image réactive et DIV overflow ?

Bonjour,

J'ai créé une image réctive avec zone cliquable pour visionner des détails. cf: Tuto Alsa! Araignée.
Cela fonctionne parfaitement tant que la DIV conteneur reste sans overflow.
Voulant garder Entete et menu gauche fixe j'ai activé l'overflow de la DIV contenu texte...
Le texte défile mais l'image cliquable reste fixe! (position relative).
En position fixed, l'image défile mais je perd les zones cliquables !

CSS:
#image {position: relative;
width : 576px;
height: 432px;
background-image: url(Photo%27s/Massif_SUD_576x437.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#zone1 {position: absolute;
width : 99px;
height: 50px;
left: 216px;
top: 129px;
border: 1px dotted white;
}
#zone2 {position: absolute;
width : 60px;
height: 91px;
left: 377px;
top: 181px;
border: 1px dotted white;
}
etc...

Code:
<div id="contenu"
<div style="display: none;">
<img alt="" src="Massif_sud_1.jpg" />
<img alt="" src="Massif_sud_2.jpg" />
<img alt="" src="Massif_sud_3.jpg" />
<img alt="" src="Massif_sud_4.jpg" />
<img alt="" src="Massif_sud_5.jpg" />
</div>
<div id="image">
<a id="zone1" href="#" title="Qu'est_ce 1 ?"></a>
<a id="zone2" href="#" title="Qu'est-ce 2 ?"></a>
<a id="zone3" href="#" title="Qu'est-ce 3 ?"></a>
<a id="zone4" href="#" title="Qu'est-ce 4 ?"></a>
<a id="zone5" href="#" title="Qu'est-ce 5 ?"></a>
</div>
...
</div>

Il y a certainement quelque chose que je paramètre mal ? coté position, ou une propriété mal ou pas définie... laquelle?

Merci de votre aide.
BPV