persistent scroll bar on resizable div

persistent scroll bar on resizable div

I have a div which is resizable (using ui.resizable.js).

I would like a vertical scrollbar to appear if and only if the text is
truncated as the div is resized.

If I use a style = overflow-y:scroll, or overflow-y:auto I get the
same result - the scroll bar is Always there, even if the div is far
larger than the content.
And there's always a tiny open area at the bottom of the scroll bar, as though it thinks there's still content below.

Here's a sample code:

<div id="i1"
style="position:absolute; left:300px; top:200px; border-style:ridge;
width:300px; background-color:#ffffff; overflow-y:scroll;";
class="resizable draggable";
....


The absence or value of clip seem to have no effect.

Scroll and auto seem to work as expected if the div is not resizable.

Is it even possible to do what I want using the ui.resizable plugin?

If not, is there another resizable plugin which would allow it?

Thanks.