Scroll YUI菜单栏上方的标题，没有滚动问题？

YUI菜单栏似乎有一个标题以下的问题

HTML:

Javascript:

var oMenu = new YAHOO.widget.MenuBar("mymenu");
oMenu.addItems([
    {
        text: "Main",
        submenu: {
            id: "menu1",
            itemdata: [
               { text: "1" },
               { text: "2" },
               { text: "3" },
               { text: "4" },
               { text: "5" },
               { text: "6" },
               { text: "7" },
               { text: "8" }
    ]
        }
    }
]);
oMenu.render($("#menuPanel").get(0));
oMenu.show();

第一次单击菜单栏时，仅显示3个滚动项。 问题在第一次单击后消失

---

有什么想法吗？

在CSS文件中指定height属性似乎会导致此问题。

---

只要简单地删除它，它就可以正常工作。

这仍然不足以重现您的问题。在FireFox上，我无法在将滚动条附加到menuPanel时显示滚动条，即使在图像之后也是如此。你的代码的一个示例页最好是看看发生了什么。嗯，我已经修复了它。在css标题中设置高度似乎是问题的根源。很抱歉，我不能马上发布一个示例页面。谢谢你的帮助。

#headerStyle {
  position:relative;
  width:600px;
  height:100px;
}

var oMenu = new YAHOO.widget.MenuBar("mymenu");
oMenu.addItems([
    {
        text: "Main",
        submenu: {
            id: "menu1",
            itemdata: [
               { text: "1" },
               { text: "2" },
               { text: "3" },
               { text: "4" },
               { text: "5" },
               { text: "6" },
               { text: "7" },
               { text: "8" }
    ]
        }
    }
]);
oMenu.render($("#menuPanel").get(0));
oMenu.show();