This will only work in IE, other browsers do not allow this type of control for page designers and generally it is a bad idea. But, with this menu, it really does mess things up when folks change the text size on you. For that reason alone, I would never use it in a professional design. Anyways, since IE is the most widely used browser and the one you are reporting this problem for, here is a fairly simple solution, change the style section on this menu's page to include these added selectors, properties and values (all in red):
Code:
<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;font-size:14px;}
A.ssmItems:active {color:black;text-decoration:none;font-size:14px;}
A.ssmItems:visited {color:black;text-decoration:none;font-size:14px;}
A.ssmItems:hover {color:black;text-decoration:none;font-size:14px;}
#basessm font, td {font-size:14px;}
//-->
</style>
14 is just what I thought looked good for this menu. You can use whatever value you like but, anything less than 12 is very hard for some people to read. You can also experiment with using one size for the first four (the links) and another size for the last entry (the menu headers and vertical text).
Bookmarks