2 Replies Latest reply: Apr 24, 2011 7:42 PM by mookie blaylock RSS

    SpryMenu stopped working in ie7

    mookie blaylock Community Member

      It used to work! I redesigned the page with a lot of position: relative divs. Could that be the problem? I have checked the z-index. They are good. Is it a problem with clear: *?

       

      I tried playing with the ie7.css, to no avail:

       

      ul.MenuBarHorizontal { width: 670px;}
      ul.MenuBarHorizontal li ul li{clear: left;}
      ul.MenuBarSubmenuVisible {
          left: 0;
          top: 0;
      }

       

      This is the page: http://arnotinteractive.com/marcmm/index.html

       

      Relevant style sheets:

       

      SpryAssets/SpryMenuBarHorizontal.css
      css/main.css
      css/ie7.css
      css/ie.css

       

      Any insight greatly appreciated!!

       

      bbosco

        • 1. Re: SpryMenu stopped working in ie7
          Ben Pleysier CommunityMVP

          Remove ie7.css and the menu behaves as it should. If this does not answer your question, ask yourself WHY?

           

          Why have I got

          ul.MenuBarHorizontal { width: 670px;}
          ul.MenuBarHorizontal li ul li{clear: left;}
          ul.MenuBarSubmenuVisible {
              left: 0 !important;
          }

           

          Gramps

          • 2. Re: SpryMenu stopped working in ie7
            mookie blaylock Community Member

            By golly, you're right! You are amazing. Thank you.

             

            I'm sure there was a reason at the time for adding those lines to ie7.css...

             

            I did not remove the style sheet, just the lines in question and now it's working again.

             

            Can you look at it in ie8/win for me, too??????? My Windows machine is an impossibly small Acer Netbook (1024x768) and slow as molasses when running IE Tester.

             

            Thanks, gramps.

             

            j.