title: Problems with JavaScript Dropdown Nav
body: <p>I am using a JavaScript drop down navigation menu that I found after some Googling and I've managed to style it the way I want.  However, after validating my site, I get errors with the <code>ul</code> tags (Error: Element <code>ul</code> not allowed as child of element <code>ul</code> in this context. (Suppressing further errors from this subtree.)).  Not only do I get this error, the navigation doesn't work the way it should.  I've tried different variations of the <code>ul</code> and <code>li</code> tags, and moved things around, and I still cannot get it to work correctly.</p>
  
  <pre><code>&lt;div class="nav"&gt;
  &lt;ul id="menu" class="menu"&gt;
      &lt;li&gt;&lt;a href="#"&gt;One&lt;/a&gt;
          &lt;ul&gt;
  
      &lt;li class="submenu"&gt;
          &lt;a href="#"&gt;One&lt;/a&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;One&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Two&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Three&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
              &lt;/li&gt;
  
      &lt;li class="submenu"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Two&lt;/a&gt;&lt;/li&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;One&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Two&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Three&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;   
          &lt;/ul&gt;
      &lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#"&gt;Two&lt;/a&gt;
          &lt;ul&gt; 
      &lt;li class="submenu"&gt;&lt;a href="#"&gt;One&lt;/a&gt;&lt;/li&gt;
      &lt;li class="submenu"&gt;&lt;li&gt;&lt;a href="#"&gt;Deny&lt;/a&gt;&lt;/li&gt;
                  &lt;ul&gt;
                      &lt;li class="noborder"&gt;&lt;a href="#"&gt;One&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Two&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Three&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt; 
          &lt;/ul&gt;
      &lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#"&gt;Three&lt;/a&gt;
          &lt;ul&gt;
  
      &lt;li class="submenu"&gt;
          &lt;a href="#"&gt;One&lt;/a&gt;
              &lt;/li&gt; 
          &lt;/ul&gt;
      &lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#"&gt;Four&lt;/a&gt;
          &lt;ul&gt;
  
      &lt;li class="submenu"&gt;
          &lt;a href="#"&gt;One&lt;/a&gt;
              &lt;/li&gt; 
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>