Well, my tool-tip based 'drop-down' menus are working mint in IE6/IE7/FF3+/Safari/Chrome etc. When I hover over an item with a tooltip is displays correctly.

But...if I scroll down the page slightly and then hover over it again, the tip appears out of position. The further I scroll, the more tooltips are out of position from the element they are applied to. This only seems to affect IE6/IE7.

Any ideas?

Jquery code is this:

/* Bind menus/tooltips using JQuery Tools */
$("#Menu1").tooltip({ tip:'#DropDown1', position: 'bottom center'});
$("#Menu2").tooltip({ tip:'#DropDown2', position: 'bottom center'});
$("#Menu3").tooltip({ tip:'#DropDown3', position: 'bottom center'});

Tooltip-based drop-down menus:

document.write('<div id="DropDown1" class="dropdown-small">');
document.write('<ul class="dropdown">');
document.write('<li><a href="#">Link 1</li>');
document.write('<li><a href="#">Link 2</li>');
document.write('<li><a href="#">Link 3</li>');
document.write('</ul>');
document.write('</div>');