UI Dialog content padding

UI Dialog content padding


Hi,
In IE7 when I first open a dialog there is some right-hand padding of
the content. After close then reopen the padding disappears, then
reopened after this the padding is back and so on.
It seem possible from the padding width that this might be reserved
space for div scroll bars.
Here's some code:
<link href="../config/script/custom-theme/jquery-
ui-1.7.1.custom.css" rel="stylesheet" type="text/css" />
<script src="../config/script/jquery-1.3.2.js" type="text/
javascript"></script>
<script src="../config/script/jquery-ui-1.7.1.custom.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#dialog").dialog({ autoOpen: false, resizable:
false });
});
function Button1_onclick() {
$("#dialog").dialog('open');
}
</script>
<div id="dialog" title="Dialog Title" style="display: none">
<div style="background-color: #eeeeee;">
I'm in a dialog</div>
</div>
<input id="Button1" type="button" value="button"
onclick="Button1_onclick()" />
Thanks