asp.net - asp.net サブメニュー項目の CSS スタイリング

Question

asp:MenuItem コントロールを使用して、submenuitem テキストをどのようにスタイルしますか?

これが私のマークアップです。

 <div class="clear hideSkiplink">
            <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">

               <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx" ToolTip="Home" Text="Home"></asp:MenuItem>
                    <asp:MenuItem NavigateUrl="~/Products.aspx" Value="Products" Text="Products">
                        <asp:MenuItem Text="EnerBurn" Value="EnerBurn"></asp:MenuItem>
                        <asp:MenuItem Text="EnerKool" Value="EnerKool"></asp:MenuItem>
                        <asp:MenuItem Text="PEx(Particulate Extraction)" Value="PEx"></asp:MenuItem>
                    </asp:MenuItem>
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="Investor Info" >
                         <asp:MenuItem Text="Press Releases" Value="Contact Support"></asp:MenuItem>
                        <asp:MenuItem Text="Quarterly Filings" Value="Send E-mail"></asp:MenuItem>
                        <asp:MenuItem Text="Annual Reports" Value="Contact By Phone"></asp:MenuItem>
                        <asp:MenuItem Text="Corporate Information" Value="Send E-mail"></asp:MenuItem>
                        <asp:MenuItem Text="Update Letters from Management" Value="Contact By Phone"></asp:MenuItem>
                   </asp:MenuItem>
                    <asp:MenuItem Text="Contact" Value="Contact" NavigateUrl="~/Contact.aspx">
                        <asp:MenuItem Text="Contact us" Value="Contact Support"></asp:MenuItem>
                        <asp:MenuItem Text="Login Request" Value="Send E-mail"></asp:MenuItem>
                      </asp:MenuItem>
                </Items>

            </asp:Menu>
        </div>

submenuitems ボックスの角を丸くしたいので、適切な css を使用して .submenu クラスを適用しようとしましたが、効果はありませんでした。