jQuery PNG Fix - Not Working

[poe]

Hello,

I've used the jQuery PNG fix on a website I'm working on, but the PNG images seem to be distorted "only sometimes" in IE6 and IE7. It seems to happen most often when the page is loaded for the first time, i.e., when the browser does not have a cache of the images yet.

The website in question is available at http://dev.akeenlabs.com/sharonlaing .

Has anyone run into this issue with this particular JavaScript solution or am I just doing something wrong?

jQuery PNG Fix: http://jquery.andreaseberhard.de/pngFix/

[EDIT] Here's a screenshot of the problem in question: http://dev.akeenlabs.com/png_fix_problem.jpg .[/EDIT]

Thanks

[pronerd]

SInce it is only happening sometimes, I would guess the problem is with the plug-in, not your code, or the connection maybe getting cut off before all the code for the page has downloaded. Do you get an error?

[poe]

Na, no error. Is this same occurrence common with other proprietary filter-related PNG fixes?

I contacted the writer of the png fix and he recommended specifying the height and width of the image in the tag itself. This seems unnecessary, but it seems to fix the problem.

[acoder]

It might be something to do with IE needing elements to have layout (hasLayout == true) for any filters to work. If the element has width/height set, the element has layout which is why it fixes the problem.