ASP.NET Menu Controller move to the the center

See more:

ASP.NET

CSS

menu

Hi there

I want to move my menu controller to the center,any one who can help me
here is my code:

html:

<div class="header">
            <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu"
                            StaticMenuStyle-CssClass="menu"
                            StaticMenuItemStyle-CssClass="menu"
                            EnableViewState="false" IncludeStyleBlock="false"
                    Orientation="Horizontal" RenderingMode="List" ItemWrap="false" Font-Size="Small">
                    <Items>
                        <asp:MenuItem NavigateUrl="~/Home/Default.aspx" Text="Home" />
                        <asp:MenuItem NavigateUrl="industrysolutions/OurApproach .aspx" Text="our approach  " />
                        <asp:MenuItem NavigateUrl="~/solutionlayers/solutionlayers.aspx" Text="solutions"/>
                        <asp:MenuItem NavigateUrl="~/industrysolutions/industrysolutions.aspx" Text="industries"/>
                        <asp:MenuItem NavigateUrl="~/partners/technologypartners.aspx" Text="partners"/>
                        <asp:MenuItem NavigateUrl="~/newsroom/pressreleases.aspx" Text="newsroom"/>
                        <asp:MenuItem NavigateUrl="~/About/TheTeam.aspx" Text="About Dac" />
                        <asp:MenuItem NavigateUrl="~/contactus/contactdetails.aspx" Text="contact us" />
                    </Items>
                </asp:Menu>
            </div>
            <table class="HeaderTable"  cellspacing="0" cellpadding="0">
                <tr>
                    <td class="HeaderLogoCell" >
                        <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/dac_logo.png" />
                    </td>
                    <td class="HeaderMenuCell">
                         <asp:Menu ID="SubMenu"  runat="server" CssClass="menuSub"
                             EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"
                             BorderStyle="None" RenderingMode="List">
                             <DynamicMenuStyle CssClass="IE8Fix" />
                            <Items>
                                <%--<asp:MenuItem NavigateUrl="~/partners/technologypartners.aspx" Text="technology partners"/>
                                <asp:MenuItem NavigateUrl="~/partners/channelpartners.aspx" Text="channel partners"/>--%>
                            </Items>
                        </asp:Menu>
                    </td>
                </tr>
            </table>
        </div>

CSS:

/* TAB MENU
----------------------------------------------------------*/

div.hideSkiplink
{
    width: 960px;
    margin-left: 15px;
    margin-top: 5px;
    text-align:center;
}

.HeaderTable
{
    width: 980px;
    padding: 0px;
    margin: 8px 0px 0px 8px;
    vertical-align: top;
    border-spacing: 0px;
}

.HeaderLogoCell
{
    text-align:left;width:305px; padding-top:21px; padding-left:120px;
}

.HeaderMenuCell
{
    vertical-align:top;
}



div.menu
{
    margin-top: 5px;
    padding: 0px 0px 0px 0px;
    table-layout:fixed;
     width: 960px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu li
{
    display: inline-block;
    text-align: center;
}

div.menu ul li a, div.menu ul li a:visited
{
    /*letter-spacing: 1px;*/
    color: #FFFFFF;
    display: block;
    line-height: 26px;
    padding: 0px;
    text-decoration: none;
    text-transform: lowercase;
    width: 135px;
    white-space: nowrap;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #FFFFFF;
    text-align: center;

}
div.menu li:last-child a {
    border:none;
}

div.selected
{
    font-weight: bold;
}

Please note this was not created by me!am just only updating the website
NB:am still a leaner!