Проблема с выпадающим меню

<script src="pro_dropdown_2/stuHover.js" type="text/javascript"></script>
  </p>
  <ul id="nav">
    <li class="top"><a href="index.htm" class="top_link"><span>Главная</span></a></li>
    <li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">Портфолио</span></a> 
      <ul class="sub">
        <li><a href="Rospis.htm">Роспись</a></li>
        <li><a href="#nogo7" class="fly">Иконопись</a> 
          <ul>
            <li><a href="iconu.htm">Иконы</a></li>
            <li><a href="iconostasi.htm">Иконостасы</a></li>
          </ul>
        </li>
        <li><a href="mozaica.htm">Мозаика</a></li>
        <li><a href="interer.htm" class="fly">Интерьер</a> 
          <ul>
            <li><a href="gobelen.htm">Гобелен</a></li>
            <li><a href="vitrag.htm">Витраж</a></li>
            <li><a href="alfrejka.htm">Альфрейка</a></li>
          </ul>
        </li>
      </ul>
    </li>
    <li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Мастерская</span></a> 
      <ul class="sub">
        <li><a href="video.htm">Видео</a></li>
        <li><a href="statji.htm">Статьи</a></li>
      </ul>
    </li>
    <li class="top"><a href="kontaktu.htm" id="shop" class="top_link"><span>Контакты</span></a></li>
    <li class="top"><a href="ssilki.htm" id="privacy" class="top_link"><span>Ссылки</span></a></li>
  </ul>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
 <p><img src="image/spod.gif" width="790" height="12"></p> 
  <link rel="stylesheet" type="text/css" href="pro_dropdown_2/pro_dropdown_2.css" />

<link rel="stylesheet" type="text/css" href="pro_dropdown_2/pro_dropdown_2.css" />