jQuery UI resizable Min width is too large

jQuery UI resizable Min width is too large

In the following js fiddle - i've reproduced an issue that i'm currently
having with the jQuery UI resize. When I try to resize the div that is
currently 1px wide - it automatically increases in size and as a result I
can then not get it back don to it's original size (or any smaller than
the newly created div size). Has anyone encountered this issue? I tried
tagging a min-width: 1px; in the .css but that had no effect.
Css for the 1px wide bar is below;
.Task
{
position: absolute;
height: 25px;
width: 1px;
background-color: Yellow;
cursor: move;
white-space:nowrap;
top: 0;
font-family: Corbel;
font-size: x-small;
line-height:2.5em;
text-indent: 0.5em;
z-index: 1;
border: 2px outset;
border-bottom: 1px solid black;
}
Thanks in advance,
http://jsfiddle.net/cyVYq/24/