Ok in all browsers except IE7

http://asqastage.esa.edu.au/

When hovering over the top menu navigation items with slide out second level nav items, there's a temporary thick black border that appears around them. This only happens in IE7.

It's fine in IE6,IE8, google chrome and FF3.6

??
jeremyllAsked:
Who is Participating?
 
David S.Connect With a Mentor Commented:
It's because the alpha filter doesn't work well with alpha-transparent PNGs in IE. It's not doing that in IE6, because of the PNG fix script that fixes many PNGs in it. The quick fix would be to use the PNG fix script in IE7 too (or to remove those shadow PNGs in IE7).
0
 
jeremyllAuthor Commented:
Thanks Kravimir,

I applied the png fix script to IE7 and the thick black borders disappear, however the tab menu on hover state don't look the same anymore. it should be red font on white background. Close but no cigar..
0
 
jeremyllAuthor Commented:
solved a big part of the problem.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.