I have a jQuery UI modal Dialog with the opening <div> being as follows:

<div id="ticket_dialog" data-tooltip="Ticket Details" title="Ticket Detail">

The dialog init is as follows:

$("#ticket_dialog").dialog({ autoOpen: false, modal: true, position: { my: "center", at: "top", collision: "none" }, collision: "none", height: 700, width: 600, minWidth: 600, resizable: true, alsoResize: '#ticket_paths' });

It decorates to this:

<div id="ticket_dialog" data-tooltip="Ticket Details" class="ui-dialog-content ui-widget-content" data-hasqtip="1395" aria-describedby="qtip-1395" style="width: 135.2%; min-height: 0px; max-height: none; height: 645.6px;">

Notice the "width: 135.2%;". That is coming from jQuery UI and I have no idea why.