Link to example image (IE9) imageshack-ie9dropdownerror
I’m designing a website for a friend and I’m having a drop down menu error specific to internet explorer (ie8 & ie9 for sure – ie7 and below not tested). You can go to the website via http://test.tjpsconsulting.com and look at the source code (css and html) – main navigation menu and style.css.
Parts of the menu drop down, but none of the links (quasi-transparent).
I’ve been making changes here and there, but can’t quite figure out what could be causing the problem – whether it’s IE related or positioning related, etc etc. Perhaps I’ve been looking at it too long.
Not sure if I should use a js fix or not… would rather avoid if possible.
I figured it out: “filter” css property error – once I removed it, problem solved. Now instead of “filter” to create gradient I just call a .gif image (and use “if” statement to create class for ie). I hate Internet Explorer…