title: Primefaces menubar menuitem Width
body: <p>I am having trouble with the menuitem
  :(</p>
  
  <p><strong>Wanted to include a pic, but wasnt allowed</strong>
  So question is stupid without it </p>
  
  <p>I can't seem to change the width of the drop down menu,
  I have included a style in my head and a width attrib in
  each menuitem, but they have made no difference:</p>
  
  <pre><code>&lt;style&gt;
  ui-menu .ui-menu-parent .ui-menu-child
  {
      width: 400px; /* exagerated !! */
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>When the menu item is higlighted, the selection bar is the correct width !</p>
  
  <p>Any Clues ???, here is an example menubar</p>
  
  <pre><code>&lt;p:menubar&gt;
      &lt;p:submenu label="Menu 1"
          style="text-align: left;"&gt;
  
          &lt;p:menuitem ajax="false" 
                      action="/Page1"
                      value="Page 1" 
                      style="width: 350px;"/&gt;
  
          &lt;p:menuitem ajax="false" 
                      action="/too_long_page"
                      value="Some really long menu text that is far too long"
                      style="width: 350px;" /&gt;
  
          &lt;p:menuitem ajax="false" 
                      action="/too_long_page"
                      value="Some really long menu text that is far too long"
                      style="width: 350px;" /&gt;
  
      &lt;/p:submenu&gt;
      &lt;p:menuitem ajax="false" 
                  action="/Page2"
                  value="Page 2" /&gt;
  &lt;/p:menubar&gt;
  </code></pre>