IE 7 killed my menus!

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
scotch33
Dev Team Member
Dev Team Member
Posts: 280
Joined: Tue Feb 14, 2006 9:56 pm

IE 7 killed my menus!

Post by scotch33 »

Microsoft, eh?  Swines. 

I have a site that uses dropdowns - all plays nice in ff, ie6 or lower etc.  However - god old ie7, when one rolls over the submenus, they disappear before one can click on them.

the site is www.linkcare.net

the dropdown css is as follows.  if anyone can help I would be very grateful.  Thanks!

Code: Select all

/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper { 
        position: absolute;
        left: 10px;
        top: opx;
	width: 140px; 
	}


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
        margin-left: -1px;
	}
#primary-nav ul { 
	position: absolute; 
	top: 0; 
	left: 100%; 
	display: none; 
	}
#primary-nav li { 
        margin-bottom: 5px; 
	position: relative; 
        }

#primary-nav li li{ 
        margin-bottom: 0px; 
        }


/* Styling the basic apperance of the menu elements */

#primary-nav a, #primary-nav a :link, #primary-nav a :visited { 
	border: 1px solid blue; 
	display: block; 
	margin: 0px; 
	padding: 3px 20px 3px 0px; 
	text-decoration: none; 
        color: white;
        font-weight: bold;
        font-style: italic;
	}
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #000065; 
        color: white;
        text-align: right;
	}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: #820F01; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background-color: blue; 
	}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }
Greg
Power Poster
Power Poster
Posts: 598
Joined: Sun Sep 26, 2004 6:15 pm
Location: Saskatchewan - Canada

Re: IE 7 killed my menus!

Post by Greg »

Check this post
Greg
Post Reply

Return to “Layout and Design (CSS & HTML)”