CSS edits

#p7PMnav ul li {
float: left;
}
#p7PMnav ul, #p7PMnav ul li {
width: auto;
}
#p7PMnav {position: relative;}
#p7PMnav ul {width: 600px;}
#p7PMnav .p7PMshow {left: 0;}

IE Conditional Comment

<!--[if lte IE 6]>
<style>
#p7PMnav a{height:1%;}
#p7PMnav ul li, #p7PMnav ul li a{float: left !important; zoom: 1;}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
#p7PMnav a{zoom:100%;}
</style>
<![endif]-->

Note:

Place the Conditional Comment just before your page's closing </head> tag just as we've done for this page. If you modify the menu using the PMM interface, the system will write Conditional Comments at the bottom of the menu markup which you'll need to delete:

<!--[if lte IE 6]>
<style>
#p7PMnav a{height:1em;}
#p7PMnav li{height:1em;}
#p7PMnav ul li{float:left;clear:both;width:100%}
</style>
<![endif]-->
<!--[if IE 6]>
<style>
#p7PMnav ul li{clear:none;}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
#p7PMnav a{zoom:100%;}
#p7PMnav ul li{float:left;clear:both;width:100%;}
</style>
<![endif]-->

That's it!

Back to main Tweaks page