IE6 Rollovers with PNGs

They have: 4 posts

Joined: Aug 2007

Hi, I can't get the following page to work correctly.
I am using http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ this method to provide a png fix; however, once I insert the code for it (img { behavior: url(iepngfix.htc); }), the rollover doesn't work.

Here is the page I'm working with: http://www.coastalpet.com/remington/image-rollover.html

Without the code, the rollover works fine.

Any suggestions?

He has: 629 posts

Joined: May 2007

A known problem with the AlphaImageLoader, I imagine that the JavaScript (HTC) file applies that filter. See the article IE6: filter flaws" on this page: www.satzansatz.de/css.html.

Said article suggests adding a {position: relative;}, perhaps combined with a z-index. Don't know if that's possible in your layout, though.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.