Question au sujet de la commande float + img

Bonjour,

Bonjour à tous,

Ma page est séparée en 2 par des div en position relative:

<div id="mapage">
<div id="left">
je mets mon texte ici et il contient des liens
</div>

<div id="right">
<img src="mon image.jpg">
</div>
</div>

voici la CSS:

   1.  
   2. #mapage{ 
   3. position:relative; 
   4. width:1000px; 
   5. } 
   6. #zone_left{ 
   7. position:relative; 
   8. float:left; 
   9. } 
  10.  
  11. #zone_right{ 
  12. position:relative; 
  13. } 


#mapage{
position:relative;
width:1000px;
}
#zone_left{
position:relative;
float:left;
}

#zone_right{
position:relative;
}

Mon problème est le suivant:
Je n'arrive pas à cliquer sur les liens réactifs contenus dans le div de gauche parce que l'image qui se place bien à droite (et c'est bien ce que je désire) vient se superposer par dessus le div de gauche en prennant toute la largeur (1000px).
Par contre, si je remplace l'image par du texte dans le div de droite, alors là, aucun problème pour cliquer sur les liens contenus dans le div de gauche.

Est-ce que quelqu'un pourrait m'expliquer comment faire pour pouvoir quand même avoir une image à droite et parvenir à cliquer sur les zones réactives à gauche?

Merci!

Olivier