CSS Tool Tips

Pure CSS tool tips

Use the following styles. There must be a background colour for it to work in IE

a.info{
position:relative; /*this is the key*/
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{z-index:25;background-color:#BDD9E5}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:0em; left:1.5em;
width:10em;
border:1px solid #000;
background-color:#C2CC49;
color:#000;
text-align: left;
font-weight:normal;
padding:5px;

}

<a href="#" class="info"><img src="graphics/icon-question.gif" border="0" align="absmiddle" /><span>Content.</span></a>

http://psacake.com/web/jl.asp

CSS  Tool  Tips