Tooltips inside scrollable chopped off because of overflow: hidden Created Jun 7, 2010

To solve problems with tooltips not being displayed because of their container, I found that appending them to the BODY element of the page worked.

$(#trigger).tooltip(
  { onBeforeShow: function(event, position) {
       this.getTip().appendTo(document.body);
       return true;
    }
  }
);

Maybe this could work in your case too.

@Remaga: Works like charm, thank you :)

This does work. Also know that the .appendTo() function takes any element as an arg.

For me using the containing div that had the overflow:hidden class worked in lieu of appending to the document.body.

$("#trigger").tooltip(
  { onBeforeShow: function(event, position) {
       this.getTip().appendTo("#containing-div");
       return true;
    }
  }
);

Now it works with that, but i have this problem when i enter to first time to the right flowpane item where tooltip is located.

Before you clic in trigger link:

*Lic. Clara Christophersen*

http://www.artesano-naturista.com.ar/equipo-profesionales2.html#staff

You will see the tooltip-div with background tooltip png repeat.

When you clic on the trigger works fine and the other disappears.

I think this happens becoz "Staff" div-item from flowpanes makes display: show on all children.
How can i set up the tooltip div in display: none?
I do it from css, but it does not work, and if add !important it does not show when you trigger.