JQuery UI Resizable -

i using jquery ui re-size div vertically (dragging bottom edge. set div height:200px , overflow:auto.

the jquery looks this:

$("#resizable").resizable({handles: 's',ghost: false,animate: false,}); $("#resizable" ).resizable({ maxheight: 300 }); 

the re-size function works great while div empty or has content no overflow. if there overflow, drag handle moves out of place (from bottom) move scroll bar down. not stay on bottom edge drives me crazy because makes unusable.

i can not figure out how fix this. 1 please out?

thank you!

html:

<div id="resizable" class="divtop">   <div class="dataview">     <?php require_once(root_path.'user/controls/data/get_data.php'); ?>   </div> </div> 

did try putting content inside div is(for example) 90% of resizable div?

jquery methods modify html, aren't magic. @ new html in firebug , find ways work around it.