Hi Jimmy and Surfbouy,
Hi
The way the page is at the moment, IE7 is subject to the conditional statement stylesheet 'menu_ie8.css' in which the level-2 menu has a width of auto, which is good for IE8 - but no good for IE7 which requires a declared width (in px or em):
<!--[if IE ]>
<style type="text/css" media="all">
@import url("http://www.noosasurfclub.com.au/CSSMenuWriter/cssmw/menu_ie8.css");
</style>
<![endif]-->
So you could either:
Adjust the menu_ie8.css to account for IE7's shortcomings and change the rule at or near line 135 for ul#cssmw ul.level-2 > li > a { by changing the width from 'auto' to 200px (to take into account the longest menu item - 'Advanced Resuscitation Techniques) - but this widens all level-2 menus in IE8 as well as IE7,
or:
You make use of the menu_ie.css by changing the <!--[if lte IE 6]> conditional statement to include IE7, - <!--[if lte IE 7]> between the head tags on each of your pages (can be done by adding it to your template, and updating pages based on that template). Then change the ul#cssmw ul.level-2 > li > a { on the menu_ie.css to a width 200px, instead of auto.
You might also have to correct the path for the menu_ie.css in the the <!--[if lte IE 7]>.
