MSIE7, dialog jumps around when resized

MSIE7, dialog jumps around when resized


I am testing UI/Dialog. Works as expected with Firefox, on my MSIE
browser it works OK except for a 'jumping' behavior. I have a very
long web page, about 2-3 times screen height. At the very bottom I
have a button that enables a modal dialog. I press the button and the
dialog appears. If I grab the "title bar" (when CSS is installed and
working on examples), or when I grab a border of the dialog, it jumps
to the top of the web page.
If I have jquery.bgiframe.js installed, it instead jumps to a location
several pages down, making the page taller if need be. So in either
case, the page jumps (teleports) out of sight.
Here is code:
<script src="inc/jquery-1.2.6.js" type="text/javascript"></script>
<script src="inc/jquery.bgiframe.js" type="text/javascript"></script>
<script type="text/javascript" src="inc/ui.core.js"></script>
<script type="text/javascript" src="inc/ui.draggable.js"></script>
<script type="text/javascript" src="inc/ui.droppable.js"></script>
<script type="text/javascript" src="inc/ui.dialog.js"></script>
<script type="text/javascript" src="inc/ui.resizable.js"></script>
<link rel="stylesheet" type="text/css" href="inc/
flora.dialog.css" />
<link rel="stylesheet" type="text/css" href="inc/
flora.resizable.css" />
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#dialogTest').addClass('flora').dialog({autoOpen:
false, modal: true, bgiframe: true});
$('#bttn1').click(function() {
$('#dialogTest').dialog('open'); return false;
});
$("a.closeAction").click(function() {
$("#dialogTest").dialog('close');
return false; // prevents link from doing anything
other than what we script
});
});
</script>
<div id="jpm_uidialog_test">
<button id="bttn1" value="Open the Dialog">Open the Dialog</
button>
<div id="dialogTest" title="This is the dialog's title" >
<div>
<table>
<tr> <td style="background-color: blue;"> I am a title </
td> </tr>
<tr> <td>Name:</td> <td>Jerome</td> </tr>
<tr> <td>Title</td> <td>Java Czar</td> </tr>
</table>

<a href="#" class="closeAction">Click here</a> to close
dialog.


</div>
Hey, check it out!<br />I'm a dialog box!!!
</div>