Internet Explorer mega-menus issue

Internet Explorer mega-menus issue

I coded a set of mega-menus for a WordPress site I am working on, and it works beautifully in Chrome and Firefox, but I am having the worst time in Internet Explorer. Granted, there may be some CSS issues I need to brush up on for IE that are contributing, but I was wondering if you pros could make glance at my script for Internet Explorer bugs.

site url: http://upmi.org/site

(The mega-menu is at the top (home/learn/etc)

Here is my jQuery work if its useful.
  2. // JavaScript Document

  4. $j=jQuery.noConflict();

  6. $j(document).ready(function() {
  7. $j('#mm-home').hover(function() {
  8. $j('.mega-menu-learn, .mm-arrow-learn').fadeOut(0, 'easeInQuad');
  9. $j('.mega-menu-ministries, .mm-arrow-ministries').fadeOut(0, 'easeOutQuad');
  10. $j('.mega-menu-events, .mm-arrow-events').fadeOut(0, 'easeOutQuad');
  11. $j('.mega-menu-give, .mm-arrow-give').fadeOut(0, 'easeOutQuad');
  12. $j('.mega-menu-store, .mm-arrow-store').fadeOut(0, 'easeOutQuad');
  13. });
  14. $j('#mm-learn, .mega-menu-learn').hover(function() {
  15. $j('.mega-menu-learn, .mm-arrow-learn').fadeIn(0, 'easeInQuad');
  16. $j('.mega-menu-ministries, .mm-arrow-ministries').fadeOut(0, 'easeOutQuad');
  17. $j('.mega-menu-events, .mm-arrow-events').fadeOut(0, 'easeOutQuad');
  18. $j('.mega-menu-give, .mm-arrow-give').fadeOut(0, 'easeOutQuad');
  19. $j('.mega-menu-store, .mm-arrow-store').fadeOut(0, 'easeOutQuad');
  20. });
  21. $j('#mm-ministries, .mega-menu-ministries').hover(function() {
  22. $j('.mega-menu-ministries, .mm-arrow-ministries').fadeIn(0, 'easeInQuad');
  23. $j('.mega-menu-learn, .mm-arrow-learn').fadeOut(0, 'easeOutQuad');
  24. $j('.mega-menu-events, .mm-arrow-events').fadeOut(0, 'easeOutQuad');
  25. $j('.mega-menu-give, .mm-arrow-give').fadeOut(0, 'easeOutQuad');
  26. $j('.mega-menu-store, .mm-arrow-store').fadeOut(0, 'easeOutQuad');
  27. });
  28. $j('#mm-events, .mega-menu-events').hover(function() {
  29. $j('.mega-menu-events, .mm-arrow-events').fadeIn(0, 'easeInQuad');
  30. $j('.mega-menu-learn, .mm-arrow-learn').fadeOut(0, 'easeOutQuad');
  31. $j('.mega-menu-ministries, .mm-arrow-ministries').fadeOut(0, 'easeOutQuad');
  32. $j('.mega-menu-give, .mm-arrow-give').fadeOut(0, 'easeOutQuad');
  33. $j('.mega-menu-store, .mm-arrow-store').fadeOut(0, 'easeOutQuad');
  34. });
  35. $j('#mm-give, .mega-menu-give').hover(function() {
  36. $j('.mega-menu-give, .mm-arrow-give').fadeIn(0, 'easeInQuad');
  37. $j('.mega-menu-learn, .mm-arrow-learn').fadeOut(0, 'easeOutQuad');
  38. $j('.mega-menu-ministries, .mm-arrow-ministries').fadeOut(0, 'easeOutQuad');
  39. $j('.mega-menu-events, .mm-arrow-events').fadeOut(0, 'easeOutQuad');
  40. $j('.mega-menu-store, .mm-arrow-store').fadeOut(0, 'easeOutQuad');
  41. });
  42. $j('#mm-store, .mega-menu-store').hover(function() {
  43. $j('.mega-menu-store, .mm-arrow-store').fadeIn(0, 'easeInQuad');
  44. $j('.mega-menu-learn, .mm-arrow-learn').fadeOut(0, 'easeOutQuad');
  45. $j('.mega-menu-ministries, .mm-arrow-ministries').fadeOut(0, 'easeOutQuad');
  46. $j('.mega-menu-events, .mm-arrow-events').fadeOut(0, 'easeOutQuad');
  47. $j('.mega-menu-give, .mm-arrow-give').fadeOut(0, 'easeOutQuad');
  48. });
  49. $j('#wrap, .header-bg, .header-top, .header-search').hover(function() {
  50. $j('.mega-menu-learn, .mm-arrow-learn').fadeOut(0, 'easeInQuad');
  51. $j('.mega-menu-ministries, .mm-arrow-ministries').fadeOut(0, 'easeOutQuad');
  52. $j('.mega-menu-events, .mm-arrow-events').fadeOut(0, 'easeOutQuad');
  53. $j('.mega-menu-give, .mm-arrow-give').fadeOut(0, 'easeInQuad');
  54. $j('.mega-menu-store, .mm-arrow-store').fadeOut(0, 'easeOutQuad');
  55. });
  56. $j('#content-menu li, #secondary-nav li, #secondary-nav-2 li').find("a[href='"+window.location.href+"']").each(function(){
  57. $j(this).addClass("current-content-menu");
  59. });
  60. $j('#header-nav li').find("a[href='"+window.location.href+"']").each(function(){
  61. $j(this).addClass("current-header-nav");
  62. });
  63. });