Горизонтальное меню с помощью JavaScript & jQuery

  
#page-wrap{ width: 720px; margin: 25px auto; }  
p{ margin: 0 0 8px 0; }
a{ text-decoration: none; }
img{ vertical-align: middle; }
a img{ border: 0; 180}
ul{ list-style: none; }
h1{ margin: 0 0 10px 0; }
ul.dropdown{ position: relative; width: 100%; }
ul.dropdown li{ font-weight: bold; float: left; width: 180px; background: #778899; position: relative; }
ul.dropdown a:hover{ color: #fff; }
ul.dropdown li a{ display: block; padding: 20px 8px; color: #fff; position: relative; z-index: 2000; }
ul.dropdown li a:hover,ul.dropdown li a.hover { background: #369; position: relative; }
ul.dropdown ul{ display: none; position: absolute; top: 0; left: 0; width: 180px; z-index: 1000; }
ul.dropdown ul li{ font-weight: normal; background: #778899; color: #fff; border-bottom: 1px solid #fff; }
ul.dropdown ul li a{ display: block; background: #778899 !important; }  
ul.dropdown ul li a:hover{ display: block; background: #369 !important; }

<script type="text/javascript" src="http://test-ucozon.do.am/files/mirmenu1.js"></script>  
<script type="text/javascript" src="http://test-ucozon.do.am/files/mirmenu2.js"></script>  

<div id="page-wrap">
<ul class="dropdown">
  <li><a href="">Галерея</a>
  <ul class="sub_menu">
  <li><a href="">Видео</a></li>
  <li><a href="">Музыка</a></li>
  <li><a href="">Картинки</a></li>
  <li><a href="">Названия 1</a></li>
  <li><a href="">Названия 2</a></li>
  <li><a href="">Названия 3</a></li>
  <li><a href="">Названия 4</a></li>
  <li><a href="">Названия 5</a></li>
  <li><a href="">Названия 6</a></li>
  <li><a href="">Названия 7</a></li>
  <li><a href="">Названия 8</a></li>
  <li><a href="">Названия 9</a></li>
  <li><a href="">Названия 10</a></li>
  <li><a href="">Названия 11</a></li>
  <li><a href="">Названия 12</a></li>
  <li><a href="">Названия 13</a></li>
  <li><a href="">Названия 14</a></li>
  <li><a href="">Названия 15</a></li>
  <li><a href="">Названия 16</a></li>
  <li><a href="">Названия 17</a></li>
  <li><a href="">Названия 18</a></li>
  <li><a href="">Названия 19</a></li>
  <li><a href="">Названия 20</a></li>
  <li><a href="">Названия 21</a></li>
  <li><a href="">Названия 22</a></li>
  <li><a href="">Названия 23</a></li>
  <li><a href="">Названия 24</a></li>
  <li><a href="">Названия 25</a></li>
  <li><a href="">Названия 26</a></li>
  <li><a href="">Названия 27</a></li>
  <li><a href="">Названия 28</a></li>
  <li><a href="">Названия 29</a></li>
  <li><a href="">Названия 30</a></li>
  </ul>
  </li>
  <li><a href="">Форум</a>
  <ul class="sub_menu">
  <li><a href="">Наш сайт</a></li>
  <li><a href="">Веб мастеру</a></li>
  <li><a href="">Любовь и Секс</a></li>
  <li><a href="">Конкурсы от сайта</a></li>
  <li><a href="">Форум пост 1</a></li>
  <li><a href="">Форум пост 2</a></li>
  <li><a href="">Форум пост 3</a></li>
  <li><a href="">Форум пост 4</a></li>
  <li><a href="">Форум пост 5</a></li>
  <li><a href="">Форум пост 6</a></li>
  <li><a href="">Форум пост 7</a></li>
  <li><a href="">Форум пост 1</a></li>
  </ul>
  </li>
  <li><a href="">Игры</a>
  <ul class="sub_menu">
  <li><a href="">Категория 1</a></li>
  <li><a href="">Категория 2</a></li>
  <li><a href="">Категория 3</a></li>
  <li><a href="">Категория 4</a></li>
  <li><a href="">Категория 5</a></li>
  </ul>
  </li>
  <li><a href="">О сайте</a>
  </li>
  </ul>

</div>