jQuery UI modal dialog and JSFiddle - how to remove scrollbars?

Question

I have created a simple example of using jQuery UI Dialog

http://jsfiddle.net/RTADa/

<div id="message">
    This is a test
</div>

$(function(){

    $("#message").dialog({modal: true, resizable: false});

});

In IE9, IE10, and Chrome I'm getting vertical and horizontal scrollbars. Is this a bug in jQuery UI or I have to add some additional CSS to remove them?

Thanks!

Answer 1

Set the body overflow hidden

DEMO

body{
   overflow:hidden;
}