[jQuery] persistent scroll bar in resizable div

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

I would like a vertical scrollbar to appear 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.