Unordered Lists

I am working on a project that has not been posted yet.  I used the "Son of Suckerfish Dropdowns" (see www.htmldog.com).  I had multipule unordered lists imbedded together, on the third one your validator showed an error.  Below is a copy of the original code:


<ul id="nav">
  <li><a class="button" href="rec_top" onmouseover="rec.src='button-dn.gif'" onmouseout="rec.src='button.gif'"><IMG name="rec" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="header">County Recorder</font></a>
    <ul>
      <li><a class="button" href="opisweb.com" onmouseover="opis.src='button-dn.gif'" onmouseout="opis.src='button.gif'"><IMG name="opis" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">Online Information Systems (OPIS)</font></a></li>
      <li><a class="button" href="rec-abriv.html" onmouseover="abriv.src='button-dn.gif'" onmouseout="abriv.src='button.gif'"><IMG name="abriv" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">County Abbreviations</font></a></li>
      <li><a class="button" href="rec-fee.html" onmouseover="rfee.src='button-dn.gif'" onmouseout="rfee.src='button.gif'"><IMG name="rfee" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">Recording Fees</font></a></li>
    </ul>
  </li>
  <li><a class="button" href="clerk-top.html" onmouseover="clerk.src='button-dn.gif'" onmouseout="clerk.src='button.gif'"><IMG name="clerk" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="header">County Clerk</font></a>
    <ul>
      <li><a class="button" href="com-sched.html" onmouseover="cal.src='button-dn.gif'" onmouseout="cal.src='button.gif'"><IMG name="cal" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">County Calendar</font></a></li>
      <li><a class="button" href="com-agen.html" onmouseover="agen.src='button-dn.gif'" onmouseout="agen.src='button.gif'"><IMG name="agen" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">Commission Agenda/Minues</font></a></li>
        <ul>  <--validator showes error on this line-->
          <li><a class="button" href="agen2004.html" onmouseover="04.src='button-dn.gif'" onmouseout="04.src='button.gif'"><IMG name="04" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">2004</font></a></li>
          <li><a class="button" href="agen2005.html" onmouseover="05.src='button-dn.gif'" onmouseout="05.src='button.gif'"><IMG name="05" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">2005</font></a></li>
        </ul>
      <li><a class="button" href="elec.html" onmouseover="elect.src='button-dn.gif'" onmouseout="elect.src='button.gif'"><IMG name="elect" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">Elections</font></a></li>
      <li><a class="button" href="clerk-fee.html" onmouseover="cfee.src='button-dn.gif'" onmouseout="cfee.src='button.gif'"><IMG name="cfee" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">Clerk Fees</font></a></li>
    </ul>
  </li>
  <li><a class="button" href="survey.htm" onmouseover="sur.src='button-dn.gif'" onmouseout="sur.src='button.gif'"><IMG name="sur" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="header">County Surveyor</font></a>
    <ul>
      <li><a class="button" href="survey-fee.html" onmouseover="sfee.src='button-dn.gif'" onmouseout="sfee.src='button.gif'"><IMG name="sfee" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">Surveyor Fees</font></a></li>
    </ul>
  </li>
  <li><a class="button" href="http://www.boxeldercounty.org/gismaps/index.html" onmouseover="gis.src='button-dn.gif'" onmouseout="gis.src='button.gif'"><IMG name="gis" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="header">GIS/Maps</font></a>
    <ul>
      <li><a class="button" href="http://www.boxeldercounty.org/gismaps/maps.html" onmouseover="map.src='button-dn.gif'" onmouseout="map.src='button.gif'"><IMG name="map" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">County Maps</font></a></li>
      <li><a class="button" href="http://www.boxeldercounty.org/gismips/fee.html" onmouseover="gfee.src='button-dn.gif'" onmouseout="gfee.src='button.gif'"><IMG name="gfee" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="small">GIS Data Fees</font></a></li>
    </ul>
  </li>
  <li><a class="button" href="rec-contact.html" onmouseover="con.src='button-dn.gif'" onmouseout="con.src='button.gif'"><IMG name="con" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="header">Contact Us</font></a></li>
  <li><a class="button" href="rec-site.html" onmouseover="site.src='button-dn.gif'" onmouseout="site.src='button.gif'"><IMG name="site" src="button.gif" border="0" align="middle" height="20" width="20" alt="button"><font class="header">Site Map</font></a></li>
</ul>

As far as I can tell there is nothing in the code limiting the number of imbedded lists.  Also the <UL> in question is followed by a <LI> line, and all my calls close.  If I have an error could you let me know I would be very thankful.  Thanks for the Validator site I use it all the time to check my work (after all no one person is always right).

Ryan Lym
Fax: (435) 723-7562
rlym@boxeldercounty.org

Received on Friday, 5 August 2005 12:03:08 UTC