Hi. A quick look at my stats suggests that over 10% of people still use IE6 and earlier. I have been asked to fix a website that's covered in PNGs - some of them rollovers using :hover which I believe may need another fix for IE6.

 

The site is at http://www.misseldineziga.com/

 

Does anyone have experience of getting this hack to work? Which of the many solutions out there works the best?

 

Has anyone experience with the twinhelix method?

I believe I'm using the Twinhelix method, I got mine from http://www.simonwhatley.co.uk/png-support-in-ie6

 

Works a treat although you will need to watch out if you're using Google maps as they'll not display at all. Just need to remove the behaviour in the CSS for the map.

Thanks, Joff, that was the method I was referring to although the explanation given on how to use it was much clearer in the link you gave me than it was in the page I found the fix! Thanks again!

I've just tried this method by putting

img {behavior:url(iepngfix.htc);}

in the main stylesheet.css along with the iepngfix.htc file and the blank.gif file in the CSS directory and according to browsershots.org it didn't work in IE6 and it had a nasty looking pop-up box in IE7!

 

I've also noticed that the website has "sleight.js" call on every page which hasn't worked.

It seems like I've tried a few fixes and none of them work! The only one that made a difference was supersleight.js which got rid of the gray boxes but completely messes up the positioning.

Don't know if I am too late but in the supersleight.js file there is a CSS snipplet, position:"relative" that will override all of your positioning. Delete the 'relative' and you will be okay, for example, make it position:" " and your positioning will be fixed.

 

Does anyone have a fix for image rollovers in IE using the supersleight.js fix? I have a unordered list using transparent images to create a rollover nav bar that will not show the rollover effects in IE. Aaaaaah....