ASP.NET菜单控件

我想把我的菜单名扩展到蓝色边框的末尾，就像在pict上一样。 ，我应该在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>

CSS
分区菜单ul li a，分区菜单ul li a：已访问
{
背景色：#465c71；
边框：1px#4e667d实心；
颜色：#dde4ec；
显示：表格；
线高：1.35em；
填充：4px20px；
文字装饰：无；
空白：nowrap；
宽度：80%；
位置：相对位置；
}

我建议为

标签和具有列表菜单的

使用设置宽度

---

ASP.NET将为您的

元素提供一个生成的ID，以便创建类似

.home

和

.projects

的类，并将它们应用于

属性

如何展开菜单项名称？（主页，项目…）@lari Vocal:我不明白你所说的“扩展菜单项名称”是什么意思！！Look在图片上，当我点击“项目”时，我看到的是选中的区域，但这个蓝色边框是firebug，我希望选中的区域和边框相同。现在看到了吗，问题出在哪里？

我认为不能嵌套在“项目”菜单中。