Java JSF PrimeFaces菜单栏下拉子菜单在p:layout中悬停后消失

在JSF PrimeFaces 3.1.1（仍在学习）中做一些应用程序，我实现了完整的页面布局-Sunny（标签）。一切都很好，除了我的菜单栏

将鼠标悬停在菜单中的子菜单按钮上时，会显示下拉子菜单，但当我想用鼠标转到子菜单时，它会消失。唯一的选择是非常快地将鼠标位置更改到子菜单，而不是保持不变。这就是问题所在，需要它正常工作，而不是消失

如果我把布局放出来，菜单栏又能正常工作了。还试图从PF showcase复制和粘贴代码，问题是相同的

在Tomcat7.0.22.0上使用JSF2。这是我的一些代码

模板中的菜单栏：

<p:layoutUnit position="north" size="130">
    <ui:insert name="top">
        <p:menubar id="mainMenu" model="#{menu.mainMenu}" />
    </ui:insert>
</p:layoutUnit>

---

谢谢你的帮助

您是否为您的

ui小部件设置了自定义字体大小？就我个人而言，我有以下CSS设置：

.ui-widget {
    font-size: 12px !important;
}

我在Firefox中遇到过类似的问题（但在Chrome中没有）。奇怪的是，将字体大小增加到13px后，问题得到了解决
 菜单栏在IE或Chrome中工作，但在firefox中显示不正确，您可以在

我用计算机解决这个问题

    .ui-menubar .ui-menuitem-text {
    font-size: 13px!important; top: -1px;
}

这并不理想，但它解决了我的问题：

.ui-menuitem-link
{
    max-width: 180px;
}

请查看下一个链接

这是字体的问题

这也出现在Firefox27和Prime Faces 4.0 RC中

在其他浏览器中运行良好。
新版本的PrimeFaces解决了这个问题，但这可能是旧版本的原因。我使用的是最新版本：PrimeFaces-3.4.RC1.jar。虫子还在那里。更改字体大小没有帮助。我移动鼠标越慢，子菜单出现的可能性就越大。
.ui-menuitem-link
{
    max-width: 180px;
}