In a library I am using I have the task of moving an element to the front of the dom when it is hovered over. (I make it bigger so I need to see it, then shrink it back when
I was able to get it working with nested divs and a mouseenter event on the parent:
... $('#frame').mouseenter(function() { $(".box").css("border-color", "black"); });
Here's a working version using Raphael:
http://jsfiddle.net/xDREx/