Bienvenue sur le site de Jef

CSS:

a.info img { border:0; vertical-align:middle; }
a.info { text-decoration:none; color:black; border-bottom: 1px gray dotted; }
a.info span { display:none; }
a.info:hover,
a.info:focus,
a.info:active      { background:none; } /* correction d'un bug IE */ 
a.info:hover span,
a.info:focus span,
a.info:active span { display:inline; 
                     position:absolute; 
                     z-index:500;
                     margin:2em 0 0 1em;
                     background:#FC0;
                     text-align:center;
                     color:#000;
                     padding:3px;
                     border:0; }

html:

<a class="info" href="#"><span>Je suis le guignole du web</span>"Jef"</a>

Résultat:

Placer le curseur sur Je suis le guignole du web"Jef"