<a href="#" class="infobulle"><img src="http://s5.tinypic.com/6p9pbb_th.jpg">
<span>James Potter<br>
<img src="http://s5.tinypic.com/6p9pbb_th.jpg">
<div><a href="http://furunculus.forumactif.org/login.forum?redirect=msg.forum&folder=inbox&mode=post&u=1">Envoyer un MP</a></div></span></a>

<a href="#" class="infobulle">James Potter
<span>James Potter<br>
<img src="http://s5.tinypic.com/6p9pbb_th.jpg">
<div><a href="http://furunculus.forumactif.org/login.forum?redirect=msg.forum&folder=inbox&mode=post&u=1">Envoyer un MP</a></div></span></a>

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #ebebeb; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px dotted black;
  border-left: 1px dotted black;
}