title: Need help creating dropdown for menu item in asp.net
body: <p>I have a unordered list created for my menu that was automatically created by visual studios create web form template that I have been adding to as I go along. My problem is that now I have one specific link that I would like to have dropdown to other links but I cant for the life of me figure out the easiest way to do it. </p>
  
  <p>Here's the code for the menu links from Site.master:</p>
  
  <pre><code>     &lt;nav&gt;
             &lt;ul id="menu"&gt;
                  &lt;li&gt;&lt;a runat="server" href="~/"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a runat="server" href="~/About.aspx"&gt;About&lt;/a&gt;&lt;/li&gt;                        
                  &lt;li&gt;&lt;a runat="server" href="~/Pricing.aspx"&gt;Pricing&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a runat="server" href="VideoTransfer.aspx"&gt;Video Transfer&lt;/a&gt;&lt;/li&gt;                     
                  &lt;li&gt;&lt;a runat="server"href="~/Testimonials.aspx"&gt;Testimonials&lt;/a&lt;/li&gt;
                  &lt;li&gt;&lt;a runat="server" href="~/Contact.aspx"&gt;Contact&lt;/a&gt;&lt;/li&gt;
             &lt;/ul&gt;
       &lt;/nav&gt;
  </code></pre>
  
  <p>I'm trying to get "Video Transfer" and a couple other links I will later create, to appear as a vertical dropdown menu navigation of "Pricing" when a user hovers over "Pricing".</p>
  
  <p>Here is the relevant CSS from Site.css:</p>
  
  <pre><code>/* menu
  ----------------------------------------------------------*/
  ul#menu {
      font-size: 1.3em;
      font-weight: 600;
      margin: 0 0 5px;
      padding: 0;
      text-align: right;
  }
  
      ul#menu li {
          display: inline;
          list-style: none;
          padding-left: 15px;
      }
  
          ul#menu li a {
              background: none;
              color: #999;
              text-decoration: none;
          }
  
          ul#menu li a:hover {
              color: #333;
              text-decoration: none;
          }
  </code></pre>
  
  <p>Any help would be greatly appreciated!! Thanks!!</p>