IE9 styling bug

[GoogleCodeExporter]

When using bubbletip + IE9, the styling is all messed up. It's actually the 
implemented IE fix that breaks IE9. Upon removing line 97-112, everything works 
fine.

I haven't tried any other versions of IE, so I don't know what the best 
solution would be. It works in all other browsers though (Chrome, FF, Opera, 
Safari) so that's great.

Original issue reported on code.google.com by sidney1986@gmail.com on 4 Dec 2011 at 4:39

[GoogleCodeExporter]

You have to delete following lines (96-112) in the jQuery.bubbletip-1.0.6.js

// apply IE filters to _wrapper elements
if ((/msie/.test(navigator.userAgent.toLowerCase())) && 
(!/opera/.test(navigator.userAgent.toLowerCase()))) {......}

Original comment by peter.ho...@gmail.com on 29 Dec 2011 at 11:04

[GoogleCodeExporter]

add the following to all the css items with background images:
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
and remove lines 96-112

This will make it work properly for IE7+

I ran across this because I was having issues with IE7 with background images 
on the div tags when using with <area> tags and having it work across all 
browsers was a beneficial side effect.

As far as I am concerned, IE6- no longer needs to be supported.
But, if you insist on supporting IE6-, then the lines 96-112 can remain, but 
the if statement needs to check for the version, rather than just the browser 
brand and the above css items would likely need to go into an else for the if 
rather than just blindly on all the items.

Original comment by chough...@guardian.com on 9 Feb 2012 at 6:48