My menu items are rendering as:

<tr>
	<td style="white-space:nowrap;width:100%;">
		<a class="MenuLevel1" href="www.asp.net" style="border-style:none;font-size:1em;">Home</a>
	</td>
</tr>

 Although I am setting the font size in my CSS file where I defined MenuLeve1, certain browsers (Safari for one), seem to use the 1em font-size.  I get this style applied to menu items at each level of the menu.

 The definition for my menu is:
<asp:Menu ID="mnuMain" runat="server" StaticDisplayLevels="2" DynamicVerticalOffset="1" >
<LevelMenuItemStyles>
<asp:MenuItemStyle CssClass="MenuLevel1" Font-Underline="False"/>
<asp:MenuItemStyle CssClass="MenuLevel2" Font-Underline="False"/>
<asp:MenuItemStyle CssClass="MenuLevel3" Font-Underline="False"/>
<asp:MenuItemStyle CssClass="MenuLevel4" Font-Underline="False"/>
<asp:MenuItemStyle CssClass="MenuLevel4" Font-Underline="False"/>
<asp:MenuItemStyle CssClass="MenuLevel4" Font-Underline="False"/>
</LevelMenuItemStyles>
<StaticMenuItemStyle Font-Size="10pt" />
<DynamicMenuItemStyle Font-Size="10pt" />
</asp:Menu>
 
 

Hi,

The In-line CSS Style rules take precedence over external CSS style sheets rules.

hope it helps!

Hi Zhao,

Thanks for your response.

 I am aware that the inline CSS takes precedence, however I  do not want the 'font-size' attribute to appear at all inline because I do not want the font-size to be 1em.  In my style sheet I define it as being 10pt, however as your pointed out the inline css value 1em overrides my style sheet.

 Any ideas?

Does anyone know how to remove 'font-size:1em' from the anchor's style attribute?

You can remove 'font-size:1em' from the anchor's style attribute by typing in your css file:

table.MenuLevel1td{font-size:8pt;} 

One problem with the standard rendering of the Menu is that is produces HTML thatis less than friendly for CSS. Your best be is to use the CSS Adapters (http://www.asp.net/cssadapters/), which change the HTML that is output, so the Menu would output UL/LI elements which are more easily styled. The added benefit is that you get cleaner HTML and your page size is reduced.

d