I have just switched over from the old png transparency fix using a htc file and I have started using a JQuery plugin called JQueryPngFix. I have to migrate because I have started using JQuery and its conflicing with the htc file.
The thing is, it works but it seems to have over-layed the PNG (sends it to front rather than as a background!) on the whole div to the extent that I can not click on the content underneath, which is what makes me think the PNG has expanded or something, even though it looks exactly the way I want it to. I can’t exactly debug this on IE6, since they have nothing like firebug, so was wondering if anyone can take a shot in the dark on what might be the problem.
#box{
background-image:url(../images/checkout_fuzzy.png);
background-position:inherit;
margin:0 auto;
width:800px;
height:auto;
padding-bottom:20px;
}
My png fixing solution of choice is iFixPng, and I’ve never had your particular problem when using it. You may also want to look at the improved version, though I had issues with it when it first came out and haven’t tried again.