使用asp.net站点地图的下拉菜单的CSS不会改变鼠标上的颜色

Question

我正在尝试使用站点地图制作的下拉菜单，以便在鼠标悬停时更改颜色。这是我制作菜单的代码：

    <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" StaticDisplayLevels="2"
        Orientation="Horizontal" CssClass="aspmenu">
        <StaticHoverStyle CssClass="test" />
    </asp:Menu>
    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />

另外这里是css文件：

.level1
{

}

.level2
{
    box-shadow: 10px 10px 5px #888888;
    color: White;
    font-style:italic;
    text-align:center;
    font-size: 1.3em;
    background-color: #fdbe12;
    width: 6em;
    padding: 4px;
    margin: 0px 25px 0px 0px;
}

.level3
{
    box-shadow: 10px 10px 5px #888888;
    color: White;
    font-weight:100;
    text-align:center;
    font-size: 1.1em;
    background-color: #fdbe12;
    width: 6.85em;
    padding: 0.25em;
}

.test
{
    font-weight: bold;
    background-color:Fuchsia;
    color:Black;

}

以下是其他CSS文件的相关部分：

    body
    {
       background: #EAFDB3;
       width: 100%;
    }

    #menuBar 
    { 
         text-align: left;
         width: 43.5em;
         display: block;
         margin-left: auto;
         margin-right: auto;
         margin-top: 7.75em;
    }

这是一张照片：