Hi,  I am using the asp:menu control, and want a border on the bottom of the seperator between each menu item.  How can I do this?

 
Cheers 

<asp:Menu DataSourceID="SiteMapDataSource1" ID="Menu1" Orientation="Horizontal"
        StaticEnableDefaultPopOutImage="false"    StaticDisplayLevels="1"  runat="server">
    <StaticMenuItemStyle CssClass="StaticMenuItem" VerticalPadding="3" HorizontalPadding="5"/>
    <StaticSelectedStyle CssClass="StaticSelected" VerticalPadding="3" HorizontalPadding="5"/>
    <StaticHoverStyle CssClass="StaticHover"/>
    <DynamicMenuStyle BackColor="#FFFBD6"/>
    <DynamicSelectedStyle BackColor="#FFFFFF"/>
    <DynamicMenuItemStyle />
    <DynamicHoverStyle BackColor="#990000" Font-Bold="False" ForeColor="White" />
</asp:Menu>

Try the following and see it that is what you are looking for:

Cheers, but this is not what I want.  What I am doing is making the menu's look like tabs.  ie, when they are not selected, they will have a line under them.  when they are selected, they wont.  This all works great, but there is a gap between the MenuItems (horizontal).  What I want is to fill this gap with border-bottom..............

 Thanks

To remove the gab between the items, use the ItemSpacing attribute for the Style properties:

<StaticSelectedStyle ItemSpacing="0" .../>

I hope that is what you are looking for and will solve your problem.

Thanks once again Frederik, but I was a Space between my menuitems at the top so it looks good.

I would think that there's be a way to actually set the style of the gap?!?!?  My menu works great with my web.sitemap etc, but I just cant format this "gap".

These are teh most frsutrating and time consuming things.  grrrrr.