Unable to fully display the surface menu

Question

a few days ago I ask 1 question in the forum by sections, but no one answered me.

I encounter a problem when using the full page in the layout (position = "west"), the submenu cannot be fully displayed. Can it display an overlap with (position = "center") since I don't want to increase the width of the western layout?

Below is a link to the input with an image as a link.

http://www.imagebucket.net/bucket/is.php?i=10434&img=image.jpg

this is part of the code:

<p:layoutUnit position="west" size="200" >  
  <ui:insert name="sideBar">                        
    <h:form>
      <p:menu type="tiered" >  
        <p:submenu label="Sales" >                                      
          <p:menuitem disabled="#{user.customer}" value="Approve" url="/sales/approve.jsf" style="width:50px" />                                                
        </p:submenu> 
        <p:separator />  
        <p:submenu label="Customer">   
          <p:menuitem disabled="#{user.sales}" value="customer" url="/customer/customer.jsf" style="width:50px" />
        </p:submenu>
      </p:menu>
    </h:form>          
  </ui:insert>  
</p:layoutUnit>

I just upgrade simple lines to 3.1 and find that I got 1 overlayPanel function, can I find out if it can be used to solve my problem?

thanks in advance.

[Eclipse Indigo, tomcat 7, Java EE 6, PrimeFaces 3.1, Mojarra 2.0.3]

Answer 1

- - .
.
:
http://forum.primefaces.org/viewtopic.php?f=3&t=18033&p=56425#p56425

:
: css , z-.
, :

<h:head>
 <style>
  #leftPanel {z-index:2 !important; }
  #leftPanel div{overflow:visible;}
 </style>
</h:head>

<p:layoutUnit position="west" size="200" id="leftPanel">  
  <ui:insert name="sideBar">                        
    <h:form>
      <p:menu type="tiered" >  
        <p:submenu label="Sales" >                                      
          <p:menuitem disabled="#{user.customer}" value="Approve" url="/sales/approve.jsf" style="width:50px" />                                                
        </p:submenu> 
        <p:separator />  
        <p:submenu label="Customer">   
          <p:menuitem disabled="#{user.sales}" value="customer" url="/customer/customer.jsf" style="width:50px" />
        </p:submenu>
      </p:menu>
    </h:form>          
  </ui:insert>  
</p:layoutUnit>