Hi,

I have some questions about displaying a Menu control: 

Q1.    It seems that on those menu items which have dynamic submenus, the baseline of the item doesn't appear (see image above). I've played around with all the properties of the menu control but can't seem to get it to display right. What's wrong here?

Q2.   How do I make the black triangle on the right of "About Us" appear closer to the word? If I wan to change that icon (from a triangle to something else), is that possible?

Q3.   Currently, users have to click on the text (Home, About us, etc) to link to the page. Clicking on the menu item outside the word does not work, although the menu item will change color. How can I make the entire menu item block clickable? I managed to get this to work when the menu was vertically oriented. But now that it is oriented horizontally, only the text is clickable.

 
Here is my code snippet:

<style type="text/css">
    .navigate a { width:100%; display:block; font-size:9px; }
</style>
<asp:SiteMapDataSource ID="SiteMapDataSource1" SiteMapProvider="TopNavSiteMap" runat="server" />
<asp:Menu ID="Menu1" DataSourceID="SiteMapDataSource1" StaticDisplayLevels="2" runat="server"
    DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="9px"
    StaticSubMenuIndent="0px" BorderStyle="Solid" BorderWidth="0px" BorderColor="#FFFFFF"
    Font-Bold="true" Orientation="Horizontal" BackColor="#999999">
    <StaticMenuItemStyle BackColor="#E2E0E1" ForeColor="#747273" HorizontalPadding="7px"
        VerticalPadding="4px" Font-Size="9px" BorderColor="white" BorderStyle="Solid"
        BorderWidth="0" ItemSpacing="1" />
    <StaticSelectedStyle BackColor="#FF3F00" ForeColor="#FFFFFF" HorizontalPadding="7px"
        VerticalPadding="4px" Font-Size="9px" BorderColor="white" BorderStyle="Solid"
        BorderWidth="0" ItemSpacing="1" />
    <DynamicMenuItemStyle BackColor="#E2E0E1" ForeColor="#747273" HorizontalPadding="7px"
        VerticalPadding="4px" Font-Size="9px" BorderColor="white" BorderStyle="Solid"
        BorderWidth="0" ItemSpacing="1" />
    <DynamicHoverStyle BackColor="#FF3F00" ForeColor="#FFFFFF" Font-Size="9px" BorderColor="white"
        BorderStyle="Solid" CssClass="navigate" BorderWidth="0" />
    <StaticHoverStyle BackColor="#FF3F00" ForeColor="#FFFFFF" Font-Size="9px" BorderColor="white"
        BorderStyle="Solid" CssClass="navigate" BorderWidth="0" />
</asp:Menu>

Thanks very much for the help!  
 

I suggest that you learn about CSS friendly Adapter. read more at

http://weblogs.asp.net/scottgu/archive/2006/05/02/CSS-Control-Adapter-Toolkit-for-ASP.NET-2.0-.aspx

 I am going to second the motion that you take a look at css-friendly adapters.  But to answer at least one of your questions, you can change the black triangle image to whatever you want using the DynamicPopOutImageUrl or StaticPopOutImageUrl Properties along with the static/dynamicEnableDefaultPopOutImage properties.

 Thanks for all both your answer! Really appreciate it. I'm gonna check out that css-friendly adapters thingy.