title: How to make menu's second level static
body: <p>I am using an asp:menu control to display a menu. It uses a SiteMapDataSource for it's data. 
  I would like to see make the top two level static and the other levels appear if the mouse hover's over them. </p>
  
  <p>Here is the code.</p>
  
  <pre><code>&lt;asp:Menu ID="Menu1" runat="server" BackColor="#000000" DataSourceID="SiteMapDataSource"  DynamicHorizontalOffset="0" Font-Names="Verdana" Font-Size="Small" ForeColor="#ffffff"&gt;
  &lt;StaticSelectedStyle BackColor="#000000" /&gt;
  &lt;StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /&gt;
  &lt;DynamicHoverStyle BackColor="#284E98" ForeColor="#FFFFFF" /&gt;
  &lt;DynamicMenuStyle BackColor="#000000" /&gt;
  &lt;DynamicSelectedStyle BackColor="#000000" BorderStyle="Double" /&gt;
  &lt;DynamicMenuItemStyle BackColor="#000000" HorizontalPadding="5px" 
           VerticalPadding="2px" /&gt;
  &lt;StaticHoverStyle BackColor="#000000" ForeColor="White" /&gt;
  &lt;/asp:Menu&gt;
  &lt;asp:SiteMapDataSource ID="SiteMapDataSource" runat="server" /&gt;
  </code></pre>
  
  <p>Is there any way to do such a thing?</p>