Dropdown menu not working in IE6 or IE7 works fine in Firefox

Question

HI all,

I'm stuck with a menu on a site I develop. http://charlienutting.com

If you hover over the gallery at the top menu bar it should show you a drop down menu. It works fine in Firefox but sucks in IE6 and IE7.

Really thankful if someone can help. been about week now to fix this..

Thanks everyone!

edit- however if you can see there are drop down links which you can click, but those are not visible.

Answer 1

What happened when you debugged into it in IE? What error messages did you see and what have you tried?

I'm happy to help, but really, you haven't described a problem yet.

Answer 2

I guess transparency issue. perhaps the line in js/dropdown.js that looks like

c.style.filter = 'alpha(opacity=' + ( 100 / c.maxh) + ')';

fire up the script debugger and see what the value of c.maxh is.

Answer 3

First let me say that you have talent as a designer :)

However, there are a few issues with the site's code as it is. I would recommend dropping that drop down code and implement your own using JQuery's effect library (I say this because you are already loading JQuery in your page). That is browser compatible so you wont have these issues with IE.

http://docs.jquery.com/Effects

Next, your header changes size between Gallery, resume and contact. You will probably want to get that fixed. Also, the resume page's links are positioned odd in FF 3.4... It would be best to make them without using absolute positioning. You can accomplish that by a mix of "float : right" and "position : absolute" (but not setting the "left" or "top" properties) :)

Your page is using a doctype, but doesn't validate.

Oh - and it's 2009 now, BTW :D (see copyright)

hint:

(C) 2008 - <?php echo date("Y"); ?>

Answer 4

@Nelson LaQuet: Hi, Thanks for the reply. you are correct about those issues thanks for pointing out. But for the time being I just need a fix to this drop down menu issue. My client is screaming that he need it done with in next 24hours :(

After this demo to the client, if he still needs to godhead with me(Since I took a long time to fix this wired IE bugs, I'm not sure about it) I will code the top menu with jquery.

@Al W: Well I haven't use "script debugger" before. I tried it now. But couldn't figure it out. But in Firebug I can see the correct value for opacity.

Oh! This IE :P

Answer 5

How can I login to my account ???? I forgot my user name here :( I'm code_monkey who started this question..

Please help!!!