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

[cartrege]

Здравствуйте!

Только-только вернулся из армии. Подкинули работу для разминки, и я тут же встал.

Проблема такая: у меня ниспадающее меню позиционируется по absolute. Тут ясно сразу, что при изменениях размера окна его может быть и не видно, да, и вообще, оно не там где надо появляется.

Скажите, пожалуйста, как мне его разместить так, чтобы оно при любом окне появлялось под родительским элементом? (Оно будет только у меню "Документы")

Спасибо!

[Softlink]

Вложить меню в этот пункт.

[cartrege]

Вложить меню в этот пункт.

Оно вложено:

<ul id="nav">
   <li><a href="#">новости</a></li>
   <li><a href="#">документы</a>
       <ul>
          <li><a href="#">кпмо</a></li>
          <li><a href="#">другие документы</a></li>
       </ul>
   </li>

   <li><a href="#">фотографии</a></li>
</ul>

и стиль:

#nav, #nav > li
{
	line-height: 100%;
	display: inline;
	list-style: none;
	padding-right: 20px;
}

#nav ul
{
	display: none;

	margin: 0px;
	padding: 5px 5px 5px 5px;
	list-style: none;

	background-color: white;

	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	box-shadow: 0 0 5px rgba(0,0,0, 0.1);
	z-index: 20;
}



#nav li:hover > ul 
{
	display: inline-block;
}

[USF]

у родительского должен быть position: relative. тогда расчет позиции абсолютного будет вестись от границы родителя.

[emperio]

Не всегда. У меня почти аналогичный случай, ни в опере, ни в ie не заработало.