Nav drop down not working in IE

Question

Here I have a nav working perfectly in all browsers but IE.

In IE(any version) when user hovers over 'about us,' 'membership,' 'classes,' etc.... these words do not change to black text as they should. It is not swapping out the image.

The javascript that is now in the li was in the a href previously but it needs to be in the li and im thinking a change in the script (im not too skilled with scripts yet) would fix this.

Any suggestions?

Answer 1

The mouseover event doesn't even fire when it gets added to the <li> . It fires when it's on the <a> inside of the <li> . Move the events there. Seems to work without changes to the js too.