помощь с выпадалкой

[Softlink]

Проблема с выпадающим меню. Сам список прячется под следующим блоком.

Вот так это все выглядит.

<div id="menu" style="z-index: 10; position: relative;">
						<ul id="nav">
							<li><a href="#">Главная</a></li>
							<li><a href="#">Услуги</a></li>
							<li><a href="#">Продукты</a></li>
							<li><a href="#">Контакт</a>
								<ul>
									<li><a href="#">Часы работы</a></li>
									<li><a href="#">Местоположение</a></li>
									<li><a href="#">Часы работы</a></li>
									<li><a href="#">Местоположение</a></li>
									<li><a href="#">Часы работы</a></li>
									<li><a href="#">Местоположение</a></li>
									<li><a href="#">Часы работы</a></li>
									<li><a href="#">Местоположение</a></li>
									<li><a href="#">Часы работы</a></li>
									<li><a href="#">Местоположение</a></li>
									<li><a href="#">Часы работы</a></li>
									<li><a href="#">Местоположение</a></li>

								</ul>
							</li>
						</ul>
					</div>	

Если поставить absolute, то меню отображается нормально, но у меня нет возможности прицепить его к определенному месту.

Пробовал поставить z-index следующим блокам меньше, тоже не сработало. Может подскажете чего?

[psywalker]

1. Скриншот того, как должно быть.

2. Скриншот, как НЕ должно быть.

3. Ссылку на страницу.