Jquery dialog box resize handle obscures and blocks the scrolldown button on the scrollbar,

Perhaps someone might have an answer to this.

I have implemented the JQuery dialog box, works great. However when I have too mu开发者_JAVA百科ch content in, which triggers the scrollbar and resize handle, the resize handle obscures the scrollbar down button.

This is even the case on the documentation/demo website .

Is there a way to set an offset value or this is just the way it is or has to be?

Cheers

EDIT: This happens in IE7, Chrome and FF4.0.1

Tweak the CSS, you can add padding to .ui-widget-content to get around this.

You can either use the height option and set a height if you know it before hand

or

Once the dialog is open just resize the height -

// note resizable option set to false
$("#dialogDIV").dialog({ resizable:false,    your-other-options-here    });

// This should get rid of the scrollbar
$("#dialogDIV").css("height","auto");