Tooltip display with child elements

Tooltip display with child elements

the following is a visual test you need to look at
http://clients.800px.com/ui-formvalidation/buttontooltip.html
You will see on the last DIV that the tooltip disappears when the
mouse enters the inner div.
This is an effect which greatly affects the combination of tooltip and
button. You will see that on the extremly large button that you can
ony see the ui-tooltip when you are over the border of the button as
this is the element refered to by the following.
$("#test1").button().tooltip();
I have managed to get the tooltip to work fully on buttons and inner
elements if you change the mouseover/out events on line 25 and 28 of
jquery.ui.tooltip.js to the hover event. However I realize that this
destroys the widget event system we now have without rewriting the
hover method for widgets.
Is this something I should look at? or is there a better solution to
this.
--