Page 1 of 1

IE 7 - CSSMenu jumping fix

Posted: Sat Sep 23, 2006 7:50 pm
by Greg
The default code

Code: Select all

<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
<!-- The above JavaScript is required for CSSMenu to work in IE -->
Confuses :hover in IE 7 and causes the menu links to shift when there is a sub-menu

The default needs to be changed to

Code: Select all

<!--[if lte IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
<!-- The above JavaScript is required for CSSMenu to work in IE -->

Re: IE 7 - CSSMenu jumping fix

Posted: Sun Sep 24, 2006 5:23 am
by Dr.CSS
Thought it was already set that way, guess it's just the min-max IE fix that has that.

Re: IE 7 - CSSMenu jumping fix

Posted: Mon Jun 02, 2008 7:46 pm
by carasmo
This didn't fix it for me. What I did to fix this is the following:

Remove:

  min-height:1em; /* Fixes IE7 whitespace bug*/


from the #primary-nav a styles

and add this before the close of the literal tag in the template:

Code: Select all

<!--[if IE 7]>
<style>
#primary-nav a{zoom:100%!important;}
#primary-nav li{float:left;clear:both;width:100%;}
</style><![endif]-->


And also do as instructed in the first of this thread:

Code: Select all

<!--[if lte IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
<!-- The above JavaScript is required for CSSMenu to work in IE -->

Re: IE 7 - CSSMenu jumping fix

Posted: Tue Jan 17, 2012 12:47 am
by kristy_lb
Thank you carasmo!! That worked perfectly for me.