プライムフェイスメニューはフルページレイアウトで完全に表示されません

Question

私はプライムフェイスフォーラムで1つの質問をしますが、誰も私に返信しません。

フルページレイアウト（position = "west"）で使用しているときに問題が発生すると、サブメニューが完全に表示されません。 westレイアウトの幅を広げたくないので、（position = "center"）にオーバーラップを表示させることができますか？

以下のリンクアタッチ画像を参考にしてください。

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

これは、コードの一部です：私はちょうど3.1にprimefacesを更新

<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> 

、および1機能overlayPanelを持って見つけた、私は私の問題を解決するために使用することができるかどうかを知っているかもしれません？事前に

感謝..

[Eclipseのインディゴ、Tomcatの7、のJava EE 6、PrimeFaces 3.1、クロサギ科2.0.3]

Answer 1

は最終的に誰かがprimefacesフォーラムでの私のポストを返信ました。
それは私の問題を解決しました。
はこちらのリンクです：
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>