Resizable css cursor not getting applied

When changing the CSS of a resizable element like so:

.ui-resizable-s { cursor: ns-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url('../images/resizable-s.png') repeat scroll center top; }

the cursor keeps jumping back and forth between what's specified in the CSS and what's in the JS file.

This can be tested on the resize demo page (http://dev.jquery.com/view/tags/ui/latest/demos/functional/#ui.resizable) and changing the cursors in file flora.resizable.css using Firebug.

I got around that by changing line 309-310 of ui.resizable.js to:

if (o.preserveCursor) {
    var cursor = $('.ui-resizable-' + this.axis).css('cursor');
    $('body').css('cursor', cursor);
}