Menu popup CSS per overflow/sovrapposizione nei riquadri di layout JQuery

Question

I 'utilizzo del layout JQuery e definizione solo dei riquadri nord, ovest e centrale. Sul lato sinistro (riquadro ovest) sto costruendo un menu pop-up CSS. Con l'abbondanza di menu a comparsa CSS sul Web, non ho problemi a farlo funzionare. Il problema che sto affrontando è che il menu a comparsa non si sovrappone al riquadro centrale. È possibile visualizzare questo comportamento in my JSfiddle example. Ho provato a impostare overflow: visible; z-index: 10001; ma non ha risolto nulla. Cosa posso provare dopo?

Answer 1

tenta di aggiungere questo stili

.ui-layout-west{ 
    z-index: 50; 
    overflow: visible; 
} 

Aggiornamento

.ui-layout-west{ 
    z-index: 50 !important; 
    overflow: visible !important; 
} 

Answer 2

La soluzione più semplice è venuto dopo aver consultato la documentazione con un più alto grado di attenzione (cioè superiore rispetto a prima ...). L'API fornisce un metodo per impostare l'overflow su un particolare riquadro. Nel caso di maggio, il riquadro "ovest" doveva sovrasfruttare il suo contenuto. Il seguente codice ha fatto il trucco:

mylayout.allowOverflow("west"); 

Edit: Io non ho intenzione di marcare la mia risposta accettata. La risposta di Kison ha fornito una soluzione di lavoro al momento e dovrebbe essere accreditata.