Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Ok in all browsers except IE7

Posted on 2011-03-14
3
Medium Priority
?
271 Views
Last Modified: 2012-08-14
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

??
0
Comment
Question by:jeremyll
  • 2
3 Comments
 
LVL 43

Accepted Solution

by:
David S. earned 2000 total points
ID: 35134635
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
 

Author Comment

by:jeremyll
ID: 35136864
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
 

Author Closing Comment

by:jeremyll
ID: 35153479
solved a big part of the problem.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

916 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question