title: Using Css with Asp.net Menu (HoverStyle not taking effect)
body: <p>I have the following code which Im using to create an asp.net menu. I've assigned CssClasses to each of the Dynamic items and created specific classes. However, the dynamicHoverStyle class doesnt take effect. Does anyone know why this is the case ?</p>
  
  <pre><code>&lt;asp:Menu ID="Menu1" StaticEnableDefaultPopOutImage="false" runat="server" BackColor="#B5C7DE" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" Orientation="
      &lt;DynamicHoverStyle CssClass="style1_hover"/&gt;
      &lt;DynamicMenuStyle CssClass="style2" /&gt;
      &lt;DynamicMenuItemStyle CssClass="style1" /&gt;
      &lt;DynamicSelectedStyle BackColor="#507CD1" /&gt;
      &lt;Items&gt;
          &lt;asp:MenuItem Text="Menu A" Value="Menu A"&gt;
          &lt;asp:MenuItem Text="Submenu A" Value="Submenu A"&gt;&lt;/asp:MenuItem&gt;
          &lt;asp:MenuItem Text="Submenu B" Value="Submenu B"&gt;&lt;/asp:MenuItem&gt;
          &lt;asp:MenuItem Text="Submenu C" Value="Submenu C"&gt;&lt;/asp:MenuItem&gt;
      &lt;/Items&gt;
  
      &lt;StaticHoverStyle /&gt;
  
      &lt;StaticMenuItemStyle BorderColor="Green" BorderWidth="1px" VerticalPadding="8px" /&gt;
      &lt;StaticSelectedStyle BackColor="#507CD1" /&gt;
  
  
  
  .style1 {
      background-color:white;
      border-color:black;
      border:solid;
      border-width:1px;
      padding-left:20px;
      padding-right:20px;
      padding-top:10px;
      padding-bottom:10px;
  }
  
  .style2 {
      background-color:blue;
      border-color:black;
      border:solid;
      border-width:1px;
      padding-left:20px;
      padding-right:20px;
      padding-top:10px;
      padding-bottom:10px;
  }
  
  
  .style1_hover {
      background-color:blue;
      border-color:black;
      border:solid;
      border-width:1px;
      padding-left:20px;
      padding-right:20px;
      padding-top:10px;
      padding-bottom:10px;
      font-size:large;
  }
  </code></pre>