Superfish menu is working in Chrome and IE 9 but not in previous IE versions.

Posted on 2011-10-06
Last Modified: 2012-05-12
I have a site in address and it's superfish navigation works fine when using chrome or IE 9 but not with older IE versions. Sorry, the CSS is very messy, this was a quick project...
Question by:jwarpenius
    LVL 38

    Accepted Solution

    You are using a <nav> tag, but the doctype you are using does not recognize that tag. The easiest fix is to change the <nav> to <div id="nav"> Then change your CSS class to #nav.

    #nav {
          border-radius: 10px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          behavior: url(../js/pie.php);
          position: relative;
          background: #D1D1D1 url(../images/new_nav_bg.jpg) left top repeat-x;
          border-bottom:1px solid #bbbbbb;
          border-top:1px solid #e5e5e5;
          border-left:1px solid #d3d3d3;
          border-right:1px solid #dadada;
          padding:8px 0 5px 0px;

    Author Closing Comment

    Thanks, worked fine!

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now