Двухуровневое меню в разных div

[vip1321]

Подскажите, пожалуйста, как реализовать двухуровневое меню, при том, что первый уровень (главный) это основное меню, а второй (вложенный) расположен в другом div`е. Примерно так:
пункт_1 | пункт_2 | пункт_3 | пункт_4

подпункт_1
подпункт_2
подпункт_3
подпункт_4

Для каждого первого уровня (пункт_1, пункт_2, пункт_3, пункт_4) подпункт (в левом меню) естественно разный.
Смотрел подобные темы на форуме, но так как там описано не получается, вторые сутки голову ломаю.
Верхний: <div id="menu"><table><tbody><tr><td> | </td><tr><tbody><table></div>
Левый: <div class="left-colum"><ul><li> | </li></ul></div>

Вот что получилось:

#Меню
lib.menu = HMENU
lib.menu.entryLevel = 0
lib.menu.expAll = 1
lib.menu.1 = TMENU
lib.menu.1 {
wrap = <table height="27px"><tbody><tr> | </table></tbody><tr>
NO.wrapItemAndSub = <td> | </td>

#Активное меню
ACT = 1

ACT.wrapItemAndSub = <td class="current"> | </td>
}


#Второй уровень меню
lib.leftmenu = HMENU
lib.leftmenu.entryLevel = 1
lib.leftmenu.allWrap = <li>|</li>
lib.leftmenu.expAll = 1

#Первый уровень второго меню

lib.leftmenu.1 = TMENU
lib.leftmenu.1
lib.leftmenu.1.allWrap = <li>|</li> { 
  noBlur = 1
  ACT = 1
}

page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page

Может я что то не так понимаю? Не знаю в чем проблема(
И еще: мапить надо оба div`а? И <div id="menu"> и <div class="left-colum">? Или только <div id="menu">? Получается вроде бы одно меню (с подменю), но тем не менее используются разные div`ы.
Верхнее меню работает нормально, левое не подключается вообще.
Прощу прощения, что так много написал