Opening a Modal Dialog shows a horizontal scroll bar

// Modal dialog default options

var dialogOpts = {

    title: "Modal Dialog",

    modal: true,

    autoOpen: true,

    height: 300,

    width: 500,

     /* Scrollbar fix  */

    open: function(event, ui){$('body').css('overflow','hidden');$('.ui-widget-overlay').css('width','100%'); },

    close: function(event, ui){$('body').css('overflow','auto'); }

}