I'm using a hover effect for all DIVs with `class="box"` on a page:

**Javascript**:

```
    JQ(".box").hover(function() {
        JQ(this).nextAll(".tooltip:first").css('visibility','visible');
    });

    JQ(".box").mouseleave(function(event) {
        JQ(this).nextAll(".tooltip:first").css('visibility','hidden');
    });

```

It works fine in Firefox and Chrome but in IE9 and Opera the `.tooltip` div disappears and re-appears continuously when the mouse moves within the boundaries of the .box DIV. 
any ideas why the hover function keeps being called for every pixel of the DIV?

You can see a working version [here](http://www.vildiridis-dimiourgiko.gr/itemlist.php?f=cat&fid=3&filter=typeid%7C6&show=default)