jQuery UI可滚动菜单

Question

我一直在使用jQuery UI菜单来生成垂直菜单。一切都很好，直到我需要在菜单上放置一个滚动条，当它超过200px的最大高度（长链接列表）时。

示例列表布局

• 根1.1
  • Sub 1.1
    • Sub 1.1.1
    • Sub 1.1.2
  • Sub 1.2
  • Sub 1.3
  • Sub 1.4
• Root 1.2

当我添加子列表的子列表时，它显示在右侧但在UL内（参见下图）。

我添加的CSS类导致了这个：

.ui-menu ul {
    overflow: auto;
    max-height: 200px;
    /*Tried overflow-x:hidden and overflow-y:hidden;*/
}

我的目标是通过一个可以滚动子菜单的菜单来实现，但我对如何做到这一点有点迷失。