JQueryレイアウトペインでオーバーフロー/オーバーラップするCSSポップアップメニュー

Question

JQueryレイアウトを使用し、北、西、および中央ペインのみを定義します。左側（西のペイン）には、CSSのポップアップメニューがあります。ウェブ上に豊富なCSSポップアップメニューがあり、問題なく動作します。私が直面している問題は、ポップアップメニューが中央ペインと重なっていないことです。この現象はmy JSfiddle exampleで確認できます。私はoverflow: visible; z-index: 10001;を設定しようとしましたが、何も解決しませんでした。私は次に何を試すことができますか？

Answer 1

このスタイルに

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

を追加しようとする更新

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

Answer 2

最も簡単な解決策は、（...以前より、すなわち高い）の注目度の高いドキュメントを相談しに来ました。 APIは、特定のペインでオーバーフローを設定する方法を提供します。場合によっては、「西」区画が内容をオーバーフローさせる必要があった。次のコードは、トリックでした：

mylayout.allowOverflow("west"); 

編集：私は受け入れとして私の答えをマークするつもりはありません。キソンの答えは、当時の実用的な解決策を提供し、信用すべきです。