Decrease spacing of Menu Items in Horizontal Meu

See more:

ASP.NET

Dear All,

I am learning to build ASP.net application and I am using a Horizontal Menu in my web page.
I have designed the look but now i want to decrease the spacing between the menu items...
Can anyone help me in this.

Thanks in advance.

This is my code : -

<asp:Menu runat = "server" CssClass = "menuItem" Orientation = "Horizontal" ID = "Menu1" MaximumDynamicDisplayLevels="5" BackColor="#B5C7DE" Font-Names="Cambria" Font-Size="1em" ForeColor="#284E98" StaticSubMenuIndent="0px" Width="100%" StaticEnableDefaultPopOutImage="false" StaticItemFormatString="{0}" Height="6px" ItemWrap="True">
    <Items>
        <asp:MenuItem Text = "File" Value="File">
            <asp:MenuItem Text=" " Value="Overview" />
            <asp:MenuItem Text="Edit" Value="Edit" />
            <asp:MenuItem Text="Create" Value="Create" />
            <asp:MenuItem Text="Delete" Value="Delete" />
        </asp:MenuItem>

        <asp:MenuItem Text = "Forms" Value="Forms">
            <asp:MenuItem Text="Overview" Value="Overview" />
            <asp:MenuItem Text="Edit" Value="Edit" />
            <asp:MenuItem Text="Create" Value="Create" />
            <asp:MenuItem Text="Delete" Value="Delete" />
        </asp:MenuItem>

        <asp:MenuItem Text = "Reports" Value="Reports">
            <asp:MenuItem Text="Overview" Value="Overview" />
            <asp:MenuItem Text="Edit" Value="Edit" />
            <asp:MenuItem Text="Create" Value="Create" />
            <asp:MenuItem Text="Delete" Value="Delete" />
        </asp:MenuItem>

     </Items>
     <StaticMenuItemStyle BorderColor="Black" BorderStyle="Solid" BorderWidth="2px" HorizontalPadding="10px" />
</asp:Menu>