Skip to main content
September 20, 2010
Question

SpryMenubarHorizontal, a:hover submenus not rendering right in IE

  • September 20, 2010
  • 1 reply
  • 407 views

The submenus become visible on a:hover, but are now stacking horizontally, instead of vertically, only in IE (I've checked 7 & 8).

Firefox 3.6.10 renders the submenus on top of each other.

The images below the menus are .SWF's.

OS is Windows XP.

Spry is from CS3:

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

Does this look familiar to anyone?

This topic is closed to new replies. Start a new post to keep the conversation going.

1 reply

September 20, 2010

More Information: I had commented out the width from the section below, thinking it might have caused the problem,

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
/* width: 8.2em; */
position: absolute;
left: -1000em;
}

and removed the comments and now seeagain, these images are a swf file.

Message was edited by: karenmc205 - the site is greathomesnwofboston.com/vmptesting

Message was edited by: karenmc205 Found answers in another post: Horizontal submenus going horizontal, not vertical. Problem was with changing width of the ul.MenuBarHorizontal ul and ul.MenuBarHorizontal ul li. If anyone has similar problem, also found link to  http://dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one.