java - Primefaces の Tiered Menu の DIV をスクロールできません

Question

auto scrollPrimefaces の場合はどうすればよいTiered Menuですか?

div width を設定したいと思い200pxます。その際、primefaces のサブメニューが表示されません。
前面に出したいsub-menu of tieredMenu。

コード

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:fu="http://java.sun.com/jsf/fileUpload"
    template="/common/commonLayout.xhtml">
    <ui:define name="content">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript">
            $("ul.ui-menu-list.ui-widget-content").css("position", "fixed");
        </script>
        <h:form enctype="multipart/form-data">
            <div style="overflow: auto;width:200px;height:200px;border:3px corsal solid;">
            <p:tieredMenu style="width:150px">  
                <p:submenu label="Ajax Menuitems">  
                    <p:menuitem value="Save"/>  
                    <p:menuitem value="Update"/>  
                </p:submenu>  
                <p:submenu label="Non-Ajax Menuitem">  
                    <p:menuitem value="Delete"/>  
                </p:submenu>  
                <p:separator />  
                <p:submenu label="Navigations">  
                    <p:submenu label="Prime Links">  
                        <p:menuitem value="Prime"/>  
                        <p:menuitem value="PrimeFaces"/>  
                    </p:submenu>  
                    <p:menuitem value="Mobile"/>  
                </p:submenu>  
                <p:separator />  
                <p:submenu label="Navigations">  
                    <p:submenu label="Prime Links">  
                        <p:menuitem value="Prime"/>  
                        <p:menuitem value="PrimeFaces"/>  
                    </p:submenu>  
                    <p:menuitem value="Mobile"/>  
                </p:submenu>  
                <p:separator />  
                <p:submenu label="Navigations">  
                    <p:submenu label="Prime Links">  
                        <p:menuitem value="Prime"/>  
                        <p:menuitem value="PrimeFaces"/>  
                    </p:submenu>  
                    <p:menuitem value="Mobile"/>  
                </p:submenu>  
                <p:separator />  
                <p:submenu label="Navigations">  
                    <p:submenu label="Prime Links">  
                        <p:menuitem value="Prime"/>  
                        <p:menuitem value="PrimeFaces"/>  
                    </p:submenu>  
                    <p:menuitem value="Mobile"/>  
                </p:submenu>  
                <p:separator />  
                <p:submenu label="Navigations">  
                    <p:submenu label="Prime Links">  
                        <p:menuitem value="Prime"/>  
                        <p:menuitem value="PrimeFaces"/>  
                    </p:submenu>  
                    <p:menuitem value="Mobile"/>  
                </p:submenu>  
            </p:tieredMenu>  
            </div>
            <script type="text/javascript">
                $("ul.ui-menu-list.ui-widget-content").css("position", "fixed");
            </script>
        </h:form>
    </ui:define>
</ui:composition>

あなたの提案が必要です。

更新 画像とコードを更新して、より明確にします。

<p:submenu>のトップが見たいですDIV。