CSS Tooltip
Codefisher.org
Codefisher.org is a web site that contains varied content including Firefox/Thunderbird Extensions, JavaScript packages for use on your own site, and plenty of other interesting content.
CSS
span.p {
display:block;
margin:0.4em 0;
}
a.tip {
position:relative;
}
span.tooltip {
position:absolute;
left:10%;
top:1.2em;
display:none;
border:1px solid #527a36;
background:#fff;
color:#000;
padding:4px;
}
a:hover span.tooltip{
display:block;
}
span.tooltip img {
border:0;
}
HTML
<a href="/" class="tip"> -- link text here --
<span class="tooltip" style="width:300px">
<span class="p">
-- content goes here --
</span>
</span>
</a>
