Menu item fail to show what is in CSS
<pre><code>&lt;td class="style22" align="center"&gt;

    &lt;asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"&gt;
        &lt;Items&gt;
            &lt;asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/&gt;
            &lt;asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/&gt;
        &lt;/Items&gt;
    &lt;/asp:Menu&gt;

&amp;nbsp;&lt;/td&gt;
&lt;td align="center"&gt;




div.menu
{
    padding: 4px 0px 4px 8px;
}

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

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
</code></pre>
