Reduce White Space in Dynamic Menu

Could it be the table cell or panel?

       <table class="auto-style1" id="tblMasterTest" style="width: 800px">
            <tr>
                <td id="celMissionStatement" colspan="2" class="auto-style4" style="width: auto; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; font-variant: normal; color: #0000FF; background-color: #FFFF00; text-align: center;">
                  <asp:Panel ID="pnlStockProMain" runat="server" BorderColor="Black" BackColor="Yellow" ForeColor="DarkBlue" HorizontalAlign="Center" Font-Bold="True" Width="800px">
                        StockPickerMax - 20 Stocks likely to gain 5 to10 percent over 30 days
                  </asp:Panel>
                </td>
            </tr>

            <tr>
                <td id="celMainMenu" class="auto-style4" colspan="2"
                    style="padding: 0px; font-family: Arial, Helvetica,
                    sans-serif; font-size: 12pt;
                    font-weight: bold; font-style: normal; color: #000000;
                    background-color: #FFFFFF;
                    border: thin solid #000000; width: 640px;">
             
                    <asp:Panel ID="Panel1" runat="server" BorderColor="Black"
                         BackColor="Yellow" ForeColor="DarkBlue"
                        HorizontalAlign="Left" Font-Bold="True" Height="72px">
                        <asp:Menu ID="Menu1" runat="server"
                            Orientation="Horizontal"
                            CssClass="Menu"
                            RenderingMode="Table"
                            DynamicMenuItemStyle-ItemSpacing="2px"
                            DynamicMenuStyle-BackColor="White"
                            DynamicHorizontalOffset="2"
                            DynamicMenuItemStyle-BackColor="Yellow"
                            DynamicMenuItemStyle-VerticalPadding="1px"
                            DynamicMenuStyle-BorderStyle="Solid"
                            DynamicMenuStyle-HorizontalPadding="1px"
                            DynamicMenuStyle-VerticalPadding="1px"
                            DynamicSelectedStyle-BackColor="Lime"
                            DynamicVerticalOffset="1"  
                            IncludeStyleBlock="False"
                            MaximumDynamicDisplayLevels="2"
                            DisappearAfter="-1"
                            Height="16px" Width="100px">
                        <Items>

Thanks

check style auto-style1 and auto-style4

Where are the auto-style properties?

It should be in the document itself. Look for a <style> tag. If not then look for any .css files which are stored in your project. And as a last resort you can just search for auto-style1 in the entire project.

This is my menu.css file

.Menu
{  

}

.Menu ul
{  
    background:#7795BD;
}

.Menu ul li
{
    background:#7795BD url(menu_bg.gif) repeat-x;
    text-align:center;
    /* set width if needed.*/
    width:200px;
}

.Menu ul li a {
    color: black;
    padding: 2px 2px 2px;
    padding-left: 8px !important;
    border: 1px solid #648ABD;
    border-bottom: 0;
    background-color: #FFFF00;
}

.Menu ul li a:hover
{
    background-image: none;
}

.Menu ul li a:hover
{
    color: White;
}

.Menu ul li a
{
    color: Black;
}

Did you look for:

And as a last resort you can just search for auto-style1 in the entire project.

Thanks, but nothing helped.