Buongiorno a tutti, la mia situazione è la seguente:

ho una classe per la gestione di un grafico.
Il grafico è contenuto in in div ( sempre creato dalla classe ) che può essere sia spostato che ridimensionato.
Quest'ultimo è a sua volta contenuto in un div ch si adatta alla pagina.

Per rendere l'idea, la situazione è più o meno questa:


Il problema è che il drag funziona correttamente, ma il resize no perchè si ferma molto prima del bordo destro e basso del parent, come se risentisse del top e del left del parent.

Per creare il div del grafico ( quello interno col bordo ) uso il seguente codice nella mia classe:
codice:
with( this ){
   $( MainDiv )
      .draggable( {
         containment : 	"parent",
         start       : 	function(){	
                           StartDrag(); 
                           OnStartDrag(); 
                        },
         drag        : 	function(){	
                           Drag(); 
                           OnDrag();
                        },
         stop        : 	function(){	
                           StopDrag();  
                           OnStopDrag();
                        }                                    
      } )
      .resizable( {
         handles     :  "n,e,s,w,se,sw,ne,nw",
         containment :  "parent",
         resize      :  function(event, ui){ 
                           Resize( event, ui ); 
                           OnResize( event, ui ); 
                        }
      } )
      .css( "position", "absolute" );
}
Come posso risolvere il problema?