Internet explorer 6 not displaying widget correctly - Firefox (the 2nd image) works fine

Hi Tim

One of our developers tells me it's most likely relating to something with the CSS on your page which is conflicting with the image.

Can you give us the URL where this problem is showing up? Without that, we have no way of troubleshooting. Thanks!

One of our developers came up with this solution that he shared via email, but I wanted to share it here too in case anyone else has the same issue:

"It looks like you guys are using a jQuery plugin called pngFix to enable transparent png support on IE6. This plugin is apparently breaking the system we use to render our tab.

In your javascript, there are several calls to:

$(document).pngFix();

please replace those calls with:

$("img[src$=.png]", ":not(#fdbk_tab)").pngFix();

This should prevent the pngFix plugin from affecting our images."

Tim, does this solve the problem?

Okay, I've created a version with a gif that fixes it up nicely for IE6 with pngFix (while working fine in all other browsers). You can see the test version here:

http://getsatisfaction.tv/images/widi...

This involves adding the following style *after* the widget javascript:

<style>
a#fdbk_tab {background-image:url(http://getsatisfaction.tv/images/feed...);}
</style>

I haven't checked the gif version of the tab into our version control yet so I'd recommend hosting the image on your side and updating the image path above to be safe.

You can download the gif version here:
http://getsatisfaction.tv/images/feed...