IE 7 - CSSMenu jumping fix

[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 -->

[Dr.CSS]

Thought it was already set that way, guess it's just the min-max IE fix that has that.

[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 -->

[kristy_lb]

Thank you carasmo!! That worked perfectly for me.