<div class="infobulle"><font color="#cc0000">Din</font><span>Déesse de la Force, Din a transmis une partie de ses pouvoir dans la triforce de la force. Son élément est le feu, de là le nom du fameux Feu de Din.
</span></div>

<div class="infobulle"><font color="#000b85">Nayru</font><span>
Nayru est la déesse de la sagesse. Elle a légué sa sagesse à la princesse Zelda, souveraine d'Hyrule. Un sort de protection porte son nom : L'amour de Nayru.
</span></div>

<div class="infobulle"><font color="#006303">Farore</font><span>La courageuse Farore est la déesse du Courage. C'est grâce à elle que nous existons car c'est elle qui s'est chargé de créer la vie sur Hyrule et sur les terres inconnues des alentours. Link possède son courage.
</span></div>

.infobulle{
position: relative;
z-index: 1;
border:0px solid #000000;
padding-top:3px;
padding-left:3px;
}


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

.infobulle span{
position: absolute;
background-color:#000;
padding: 2px;
left: -1000px;
visibility: hidden;
color: #fff;
text-decoration: none;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 10px;
border: 2px solid #fff;
}

.infobulle:hover span{
visibility: visible;
top: 18px;
left: 35px;
width: 150px
height: 250px;
}

<a>

<a href="#" class="infobulle">Texte à survoler<span>Texte qui apparaît</span></a>

text-decoration:none!important

.infobulle:hover span{
visibility: visible;
top: 18px;
left: 35px;
width: 150px
height: 250px;
}

.infobulle:hover span{
visibility: visible;
top: 18px;
left: 35px;
width: 150px
height: 250px;
text-decoration:none!important;
}