[jQuery] persistent scroll bar in resizable div

[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";
....