позиционирование

[theo_]

сделал меню на js, функционал работает, вот только проблема с позиционированием уровней меню есть. приложил скрин для того, чтобы было понятней.

мышка наведена на пункт "обратная связь", однако элементы подменю выводятся наверху, и так со всеми существующими подменю

есть элемент ul

<ul id="left_menu">

далее идет li с классом, у которого задано position : relative

<li class="relative_block">

в этом li идет сначала ссылка основного меню

<a href="#" class="left_menu_item"><span class="left_menu_item_title">Главная</span></a>

ну и далее, если есть подменю, то непосредственно оно и следует

<ul class="left_popup_menu" >
   <li class="left_popup_menu_item" ><a  href="#">Написать письмо</a></li>
  ......
</ul>

для ul класса left_popup_menu прописано абсолютное позиционирование

.left_popup_menu {
  position: absolute;
  top: 0px;
  left: 107px;
}

кто знает, в чем ошибка - помогите

[Searcher]

если вы хотите чтобы элемент с position: absolute; позиционировался относительно родителя, то укажите для родителя хотябы position: relative;

[theo_]

указано, переделал на div'ax без ul и li все заработало