1 Reply Latest reply on Feb 20, 2010 5:19 PM by John Waller

    IE Issue Using Vertical Menu

    peter@condons.demon.co.uk Level 1

      I wonder whether someone can help me. I have used spry menu in dreamweaver and works ok in Safari and Firefox however in IE 7 the menu appears in two lines. You can see this on www.sancere.com/index and also when you click onto Asian weddings. Is there something I can do to stop this.

       

      I have enclosed the IE css

       

       

      /*******************************************************************************

       

      BROWSER HACKS: the hacks below should not be changed unless you are an expert

       

      *******************************************************************************/

       

      /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

      ul.MenuBarVertical iframe

      {

      position: absolute;

      z-index: 1010;

      filter:alpha(opacity:0.1);

      }

      /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

      @media screen, projection

      {

      ul.MenuBarVertical li.MenuBarItemIE

      {

      f\loat: left;

      }

      }

       

       

       

       

       

       

       

       

       

      Also I want to highlight the current page in a colour to help indicate what page you are on how can I do this?