Support » Themes and Templates » Superfish drop-menu hides in pre-IE8 browsers

  • Resolved @echo


    WP 3.01, with Arras Theme, Superfish drop-menus are hidden behind content in pre-IE8 browsers. Owing to the IE Z-Index Bug, stacking order is reset on positioned elements.

    The solution I came up with is to edit the Base.css file, remove z-index from the sub-menu.

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul  {
    left: 0;
    top: 2.8em;
    <strong>/* z-index: 99; REMOVE THIS*/</strong> }

    And add z-index higher up in the menu cascade:

    .sf-menu li  {
    float: left;
    position: relative;
    <strong>z-index: 100;</strong> }

    A fairly simple fix. Hope it helps others. 🙂

    Nancy O.
    Alt-Web Design & Publishing

  • The topic ‘Superfish drop-menu hides in pre-IE8 browsers’ is closed to new replies.