.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #C3DDE3;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #ffffff;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;}

<table><tr>
<td><div class="thumbnail">
<img src="Lien image vue de tous">
<span><div class="tstaff" align="center">
Texte
<img src="lien 'image à l'intérieur de l'infobulle"><br>
Texte
</div></span>
</div></td>
</tr></table>

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 50 px;
-moz-border-radius: 10px 0px 10px 0px; /*ON ARRONDIT CERTAINS COINS SOUS MOZILLA
-webkit-border-radius: 10px 0px 10px 0px; /* SOUS SAFARI*/
border-radius: 10px 0px 10px 0px; /*SOUS CHROME*/
background-color: CODE DE TA COULEUR; /*ou alors si tu veux une image :*/
background-image: url('URL DE TON IMAGE');
border: double 3px COULEUR; /*on définit le style de la bordure sa largeur et sa couleur*/
}