Tooltip positionnée dans une div

Salut à tous !

Voici la question sur laquelle je bute actuellement.

Je souhaiterais faire apparaitre une info-bulle ou tooltip au survol de certains mots d'un long texte mais uniquement dans une div spécialement positionnée à cet effet.


Comment puis-je réaliser ceci ?
J'avoue ne pas savoir par où commencer.

Dans mon exemple le texte est placé dans un bloc à gauche du conteneur.
A droite en "float" une div carrée transparente doit faire apparaitre le contenu due l'info-bulle.

Des idées ?

Merci à vous !

Salut,

Je ne sais pas si j'ai bien compris ta demande mais voici ce que j'ai réalisé rapidement pour ton effet tooltip.

Une span est placé dans le texte qui sert de point de référence (position:relative;) dans cette span on inclus également une autre span qui permet de faire le tooltip en position absolute avec un effet d'hover du a l'opacity et non pas avec un display:none/block, on peut le designer comme bon nous semble, ça reste du .CSS basique.

Voici l'exemple :
http://jsfiddle.net/J92vz/1/