Tooltips mediante CSS

pues hay muchos tooltipsy en general se usa javascript para lograrlos mejor, pero si lo que quieres es algo sencillo y a la vez elegante este tooltipo que vi en xyberneticos, cumple su funcion muy bien:

El codigo Css

CSS:

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/

a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}

a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

Uso Html

<a href=«#» class=«tooltip»>Tooltip<span>Información Extra para Mostar en el Tooltip </span></a>.