This code works fine in Chrome, Firefox but not in IE

Question

I'm trying to make a jquery tooltip that appears when a user mouses over a link. In my case the link is using display:block style so that it covers a large area. It works perfectly in Chrome and Firefox but in Internet Explorer it doesn't work at all. The tooltip doesn't show, the browsers own tooltip shows etc... IE!!!!

http://pastebin.com/1kBaMujV

Any ideas? Got to love internet explorer...

Answer 1

Ok well i took your advice and went for a pre existing one using jQueryTools from flowplayer. This is the result:

http://pastebin.com/gxSQx64B

Works great in chrome, firefox and internet explorer. I guess it is best to use one that is mature. The only thing that still annoys me is in firefox if you click on the link then click the browser back button, the tooltip is statically displayed over the link area until you move the mouse back over the link area. This doesn't happen with the other browsers.