Pop Menu Magic Drop Downs in Internet Explorer
January 6th, 2010Trying to get Pop Menu Magic 1.06 drop down to work with IE6 and IE8. Don’t know if this code will help. I was having trouble getting multi word headings to stay on one line so I used the <nobr> tag within the multiline items (ie. <li><nobr>Menu Heading</nobr></li>). Here is some of the CSS trickery I tried. Please note that this is for drop downs and probably will not work for menus coming out from the side. Just stick this code in the HTML document after the menu CSS declaration.
<!--[if lte IE 6]>
<style>
#p7PMnav a {height: auto !important;}
#p7PMnav ul a {height: 1em !important;}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
#p7PMnav li {
width: 1em;
float: left;
height: auto !important;
}
#p7PMnav ul li{
float:left;
clear:both;
}
#p7PMnav a {
zoom:1;
overflow:hidden;
width: auto;
}
#p7PMnav li ul li a {
float: none;
}
</style>
<![endif]-->
<!--[if IE 8]>
<style>
#p7PMnav ul li{
float:left;
clear:both;
}
</style>
<![endif]-->
Getting it to work in IE8 is just trial and error, figuring out which IE7 hacks must be carried over.