when the dialog is created and/or resized, the width and height of certain divs in the dialog are set explicitly. the width/height are calculated, compensating for the margins.

when the margins are retrieved, and if they are set to "auto", when parseint is called, it returns a "NaN". when it then tries to do the math... it ends up with a value that looks like this: "NaNpx" which jquery won't accept when it tries to set the style attribute, which means the height/width doesn't get set.

... if i test for this and set those margins to 0 if they aren't a number then i get weird results

code: size: function() {

var container = this.uiDialogContainer,

titlebar = this.uiDialogTitlebar, content = this.element, tbMargin = parseInt(content.css('margin-top')) + parseInt(content.css('margin-bottom')), lrMargin = parseInt(content.css('margin-left')) + parseInt(content.css('margin-right'));

if (isNaN(tbMargin)) {tbMargin = 0;} if (isNaN(lrMargin)) {lrMargin = 0;}

content.height(container.height() - titlebar.outerHeight() - tbMargin); content.width(container.width() - lrMargin);

},

This only fails on IE 6 (the only place i've encountered the problem.)

A base example can be found at ​http://173.10.67.185/columns.html.

I mentioned this on the jquery ui group (​http://groups.google.com/group/jquery-ui/browse_thread/thread/35ed3da8f5fe2f4c/dbf021cf0eab6018?hl=en#dbf021cf0eab6018) and it was suggested I enter a bug report here.

Basically, when dragging the west handle of a right-floated resizable, I would expect the right edge to remain anchored, and the handle to overlap the left edge of the div at all times. Instead, the edge of the div seems unlinked to the actual position of the handle, and things are kind fsilly because of it.

I like the new UI datepicker. Would like to see a CSS class added for highlighting a row when hovering over a date.