Raphael JS to make a map with tooltips on hover

Question

I am trying to make a map with Raphael JS, pretty much like the example they have on their site: http://raphaeljs.com/australia.html

However, I want to show the info on hover as a tooltip that fades in/out as you move to different parts of the map (not next to the map like on their example). What is the best way to do that?

This is what I came up with so far, but in IE (e.g. IE6 and IE7) the tooltip doesn't disappear and I'm not sure why: http://jsfiddle.net/keith/sXCk6/

Solution

This posting here on Stack Overflow addresses the issue of IE and mouseover problems: Move active element loses mouseout event in internet explorer