Трех колоночная вестка и JQuery
 

Подскажите кто сталкивался

есть 4 дива нужно их синхронизировать
Контейнер и 3 вложенных

CSS -----------------------------
#MainContent
{
position: fixed;
top: 150px;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #000;
margin: 5px;
overflow: hidden;
}

#MainContent #PanelLeft
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 200px;
border: 1px solid #000;
background-color: Maroon;
margin: 5px;
}

#MainContent #PanelMain
{
height: 300px;
border: 1px solid #000;
margin: 5px 200px;
background-color: Yellow;
}

#MainContent #PanelRight
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 200px;
border: 1px solid #000;
background-color: Blue;
margin: 5px;
}
CSS -----------------------------

<div id="MainContent">

<div id="PanelLeft"></div>
<div id="PanelMain"></div>
<div id="PanelRight"></div>

</div>

Есть хорошая функция JQuery которая синхронизирует блоки.
$("#PanelLeft").resizable(
{
alsoResize: '#PanelMain',
});


$("#PanelMain").resizable()
);
Нужно что бы маргин
#PanelMain увеличивался также как ширина #PanelLeftл;