Управление меню ASP.NET

Question

Я хочу расширить названия своего меню до конца синей рамки, как на картинке. http://img.villagephotos.com/p/2005-10/1086302/menu.JPG, что мне делать в css? я пытаюсь с позиционированием и шириной.

CSS
div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display:table;

    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
    width: 80%;
    position: relative;
}

< asp:Menu ID="NavigationMenu"  Font-Bold="true" runat="server" CssClass="menu"
     EnableViewState="false" IncludeStyleBlock="false"  Orientation="Horizontal">
    < Items>
       < asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>    
       < asp:MenuItem Text="Projects" Value="Projects" 
            NavigateUrl="~/Projects.aspx">    
            < asp:MenuItem Text="SEED" Value="SEED" NavigateUrl="~/Seed.aspx">
            </asp:MenuItem>    
            < asp:MenuItem Text="SEMS" Value="SEMS" NavigateUrl="~/SEMS.aspx">
            </asp:MenuItem>
            < asp:MenuItem Text="IPR" Value="IPR" NavigateUrl="~/IPR.aspx">
            </asp:MenuItem>    
            < asp:MenuItem Text="Beneficiaries" Value="Beneficiaries" 
                   NavigateUrl="~/Beneficiaries.aspx">
            </asp:MenuItem>
            < asp:MenuItem Text="About Us" Value="About US" 
                   NavigateUrl="~/About.aspx"></asp:MenuItem>    
            < asp:MenuItem Text="Contacts" Value="Contacts" 
                   NavigateUrl="~/Contacts.aspx">
            </asp:MenuItem>
        </asp:MenuItem>
   </Items>
</asp:Menu>

Answer 1

Я бы посоветовал использовать ширину набора для тегов <li> и <div>, в котором есть меню списка.

ASP.NET даст вашим <li> элементам сгенерированный идентификатор, поэтомуклассы типа .home и .projects и применять их к атрибуту <asp:MenuItem cssClass="">