tooltip

[kaninox]

Hola muchachos, necesito hacer un tooltip sobre un link y que lo que lleve dentro del tooltip al crecer expanda el tooltip hacia arriba me explico mejor con imágenes :)



Como se ve en la imágenes 1 y 2 es lo que quiero lograr y me funciona pero cuando crece mucho el tooltip en ves de mantenerse sobre el link "caso link3" se me baja y me tapa el link y si crece mas sigue bajando, y la idea es que siempre se mantenga sobre el link y pues se expanda hacia arriba, no se si me explico.

mi codigo es :

CSS

Código CSS:

a.tooltipd
{
   color: #000000;
   text-decoration:none;
}
a.tooltipd:hover
{
   text-decoration:none;
   position:relative;
}
 
a.tooltipd span
{
   display:none;
}
 
a.tooltipd:hover span
{
   position:absolute;
   z-index:1;
   top: -200px;
   left: 0px;
   width:580px;
   display:block;
   padding:10px;
   background-color:#000000;
   border:2px solid #FFFFFF;
   color:#FFFFFF;
   filter:alpha(opacity=70);
   -moz-opacity: 0.9;
   opacity: 0.9; 
}
 
.tooltipd strong
{
   color:#333333;
   text-align:left;
   font:100% arial,helvetica,clean,sans-serif;
}
 
.tooltipd p
{
   color:#FF8C00;
   text-align:left;
   font:90% arial,helvetica,clean,sans-serif;
}
 

mi codigo para el php

Código PHP:

<?php ... echo '...
<a href="#Detalles"  class="tooltipd">&nbsp;&raquo; $titulo<span style="text-align:left;">nl2br("$datos[descripcion]")</span></a>