Tengo problemas con el elemento de menú:

Quería incluir una foto, pero no estaba permitido Entonces la pregunta es estúpida sin ella

Parece que no puedo cambiar el ancho del menú desplegable, he incluido un estilo en mi cabeza y un atributo de ancho en cada elemento del menú, pero no han hecho ninguna diferencia:

<style>
ui-menu .ui-menu-parent .ui-menu-child
{
    width: 400px; /* exagerated !! */
}
</style>

¡Cuando el elemento del menú está resaltado, la barra de selección tiene el ancho correcto!

Any Clues ???, aquí hay un ejemplo de barra de menú

<p:menubar>
    <p:submenu label="Menu 1"
        style="text-align: left;">

        <p:menuitem ajax="false" 
                    action="/Page1"
                    value="Page 1" 
                    style="width: 350px;"/>

        <p:menuitem ajax="false" 
                    action="/too_long_page"
                    value="Some really long menu text that is far too long"
                    style="width: 350px;" />

        <p:menuitem ajax="false" 
                    action="/too_long_page"
                    value="Some really long menu text that is far too long"
                    style="width: 350px;" />

    </p:submenu>
    <p:menuitem ajax="false" 
                action="/Page2"
                value="Page 2" />
</p:menubar>