jQuery unpleasant Draggable, Resizable interaction -

When I change the size of the first partition, it asks the next device to raise the column.

To recreate: Drag the top division resize handle.

jQuery $ (function () {$ ('. Portlet'). Dragable ({grid: [25, 25]}). Resizable ({grid: [25, 25]} }}};

layout

  
 gt; & lt; h3 & gt; News & lt; / h3 & gt; & lt; / div & gt; & lt; div class = "portrait-content" Gt; Advertising for liabilities; & quot; DivX gt; & lt; / div & gt; & lt; div class = "portlet" id = "div1" & gt; div class = "portlet -Header "> gt; feeds  & lt; / div & gt; div class =" portrait-content "& gt; advertisements for liabilities;  
  .portlet {min} -Width: 100px; Min-height: 100px; Width: 100px; Height: 100 pixel; Background color: # C0C0C0;} 
 
 # div1 top Provide a full position: 100px and it should be kept when the initial positioning of resizing # P2 # Div1 changes in, inline positioning, and raises up to # DIVA1 as described by the browser.