IE7 problems with velcro tooltip
Bert
I've just installed IE7 RC1 to do some testing and I'm having troubles
with the DomTT tooltips we are using in our application.
We use DomTT to show a little menu when one hovers over an icon. Like
this:
<div>
<a href="#" onmouseover="domTT_activate(this, event, 'content',
document.getElementById('menu_18id2'),'type','velcro', 'offsetX', -10,
'offsetY', -16);">
<img src="../img/icon.gif" border="0" alt="item" />
</a>
Item name - item id: 10072
</div>
<div style="display:none">
<!-- domTT menu contents -->
<ul id="menu_18id2" class="copy-paste-list">
<li class="icon-edit"><a href="#" title="Edit">Edit</a></li>
<li class="icon-add"><a href="#" title="Add">Add</a></li>
<li class="icon-cut"><a href="#" title="Cut">Cut</a></li>
<li class="icon-copy"><a href="#" title="Copy">Copy</a></li>
<li class="icon-paste"><a href="#" title="Paste">Paste</a></li>
<li class="icon-delete"><a href="#" title="Delete">Delete</a></li>
</ul>
</div>
We've got var domTT_oneOnly = true;
The number of these tooltip menus varies from one to 100 or so...
This works perfectly in all browsers we want it to work in, even IE6,
but for some strange reason it is acting up in IE7.
What happens is, when you hover over the icon, the tooltip-menu
appears, you can hover over "Edit" but as soon you move the cursor
further down to get to "Add", the tooltip disappears. This makes it
impossible to reach "Copy" for example.
Any ideas one what could be causing this, or where I should start to
look to get this fixed?
Thanks,
Bert