次の構造（簡略化）の剣道スプリッターがあります。
<div id="MainSplitter style="height:10px;overflow:visible">
Contains two horizontal panes and the splitter element
</div>
「メインスプリッター」の幅を変更して、ペインにも変更が反映されるようにするにはどうすればよいですか。また、ブラウザー ウィンドウのサイズも変更されると、メインスプリッターのサイズが変更されます。
注: メイン スプリッターの幅を変更すると、最初のサーバー ajax 呼び出しの後に、div 内のペインのオーバーフローがアクティブになります。（これは意味がありますか？）