Не работает выпадающее меню

[Serge]

У меня не получается сделать выпадающее меню.

Оно почему то упорно не хочет выпадать.

Вот код:

ul#menu {
  background: transparent url('images/menu.png') repeat-x 0 0;
  width: 90%;
  overflow: hidden;
  z-index: 100;
  list-style: none;
}
ul#menu li { 
  position: relative;
  float: left;
}
ul#menu li a {
  background: transparent url('images/separator.gif') no-repeat 100% 1px;
  float: left;
  font-size: 15px;
  color: #fff;
  height: 65px;
  padding: 10px 17px 0 15px;
}
ul#menu li a:hover, ul#menu li.current-cat a {
  background:transparent url('images/menu-hover.png') repeat-x 100% 1px;
  text-decoration: none;
}


/*	sub-menu		*/	

ul#menu li ul { 
  display: none;
  position: absolute; top: 36px; left: 0;
  background:	#5f950b;
  width: 200px;
  font-size: 14px;
  line-height: 100%;
  z-index: 99;
  border: 1px solid #fff;
}
ul#menu li ul li { 
  width: 118px;
  background: none;
}
ul#menu li ul li a {
  display: block;
  line-height: 1.2;
}
ul#menu li ul li a:hover {
  background: #D4D4D3;
}

Помогите, пожалуйста, разобраться в чем моя ошибка

Edited October 2, 2009 by Serge

[alexander.parphenuyk]

ты html код свой покажи.. кроме стилей...

[Serge]

Вот код:

	<ul id="menu">
					<li><a href="">Активный отдых</a>
						   <ul>
								<li class="cat-item cat-item-8"><a href="">Заказники</a></li>
								<li class="cat-item cat-item-3"><a href="">Заповедники</a></li>
								<li class="cat-item cat-item-12"><a href="">Памятники</a></li>
								<li class="cat-item cat-item-13"><a href="">Парки</a></li>
						   </ul>
					</li>

					<li><a href=">Отдых на море</a>
						   <ul>
								<li class="cat-item cat-item-7"><a href="">Область</a></li>
								<li class="cat-item cat-item-9"><a href="">Область</a></li>
								<li class="cat-item cat-item-10"><a href="">Крым</a></li>
								<li class="cat-item cat-item-14"><a href="">Область</a></li>
						   </ul>
					 </li>

					 <li><a href="">Туризм</a>
						   <ul>
								<li class="cat-item cat-item-6"><a href="">Путешествия</a></li>
								<li class="cat-item cat-item-11"><a href="">Маршруты </a></li>
								<li class="cat-item cat-item-15"><a href="">Экскурсии</a></li>
						   </ul>
					 </li>
	</ul>

Edited October 2, 2009 by Serge

[skalpelliano]

У вас на ул стоит display:none; и нигде не прописанно li:hover ul{display:block;}

Плюс на ul основного меню у вас стоит overflow:hidden.

[Serge]

skalpelliano, спасибо. Помогло, теперь работает.