Двухуровневое меню в 1 div'e

[korwru]

Подскажите пожалуйста как можно реализовать подобную структуру меню, а именно, чтобы 2 уровень меню был вложен в div первого...

<div id="b1">
 <div class="b">
  <ul>
   <li class="l1"><a href="link" class="level1">LINK TEXT 1</a>
    <ul>
     <li class="level2"><a href="link">text</a></li>
     <li class="level2"><a href="link">text</a></li>
     <li class="level2"><a href="link">text</a></li>
    </ul>
   </li>
  </ul>
 </div>
</div>
<div id="b2">
 <div class="b">
  <ul>
   <li class="l1"><a href="link" class="level1">LINK TEXT 1</a>
    <ul>
     <li class="level2"><a href="link">text</a></li>
     <li class="level2"><a href="link">text</a></li>
     <li class="level2"><a href="link">text</a></li>
    </ul>
   </li>
  </ul>
 </div>
</div>

Мой код, но вложенность неправильная. А именно второй уровень идёт после закрытия первого.

# Menu 1 cObject
lib.menu_1 = HMENU
# First level menu-object, textual
lib.menu_1.1 = TMENU
lib.menu_1.1 {
  expAll=1
  noBlur = 1
  wrap= |
  # Normal state properties
  NO {
    stdWrap.cObject = COA
    stdWrap.cObject {
            10 = LOAD_REGISTER
            10{
                Counter1.cObject = TEXT
                Counter1.cObject.data = register:Counter1
                Counter1.cObject.wrap = |+1
                Counter1.prioriCalc = intval
            }
            20 = TEXT
      20.field = title // subtitle
        }
        linkWrap = |
               
    ATagTitle.field = title // subtitle
  ATagParams = class="level1"
  stdWrap.htmlSpecialChars = 1
  allStdWrap.dataWrap = <div id="b{register:Counter1}"><div class="b"><ul><li class="l1"> | </li></ul></div></div>

  }
}
# Second level menu-object, textual
lib.menu_1.2 = TMENU
lib.menu_1.2 {
  noBlur = 1
# Normal state properties
wrap = <ul> | </ul>
NO.allWrap = <li class="level2"> | </li>
NO.stdWrap.htmlSpecialChars = 1
}