Afficher text sur div définit par css sur OnMouseOver lien

Bonjour,

j'ai un soucis car je cherche à afficher du texte sur un div fixe définit en css.

j'ai la même chose pour une image qui s'affiche sur le div et qui fonctionne parfaitement.

Mais impossible d'y parvenir pour faire afficher du texte.


J'ai un titre et quand je passe la souris dessus, je désire que le texte explicatif de ce titre s'affiche sur le div définit ('photo').

css :

#conteneur .photo {
  position:fixed;
  top:270px;
  left:90px;
  border:1px solid #FFFFFF;
  background-color:#FFFFFF;
  padding:5px;
  display:none;
  -webkit-box-shadow:0px 0px 5px 2px #666;
     -moz-box-shadow:0px 0px 5px 2px #666;
       -o-box-shadow:0px 0px 5px 2px #666;
          box-shadow:0px 0px 5px 2px #666;
}

et la tentative :

<div id='conteneur'><b><a href='#' onmouseover="document.getElementById('photo').style.display='block'; 

document.getElementById('photo').innerHTML="l'agalactie est l'absence de production de lait après un accouchement."; 

onmouseout="document.getElementById('photo').style.display='none'"> Agalactie</a></b></div>

rien ne s'affiche...

j'ai tenté :

<div id='conteneur'><a href="#"><img class='photo' onMouseOver="javascript:AFFICHE('Voici mon premier texte.')"; OnMouseOut="javascript:AFFICHE('')";>Premier texte</a></div> 

mais la déclaration img class fait que j'ai juste un petit carré blanc qui s'affiche....


J'avais trouvé mais est écrasé la page...avec la soluce...

Si vous pouviez m'aider ce serait super sympa !