[jQuery] dialog drag problem with iframe

[jQuery] dialog drag problem with iframe


hi,
I´m trying to use an iframe inside a dialog div, and the behavior of
the dragging is making me, and the end user crazy =).
When we drag in a vertical direction everything works fine, but if the
drag is vertical, for any reason the dragging stops and the cursor
moves free inside the dialog, note that this behavior does not happen
when we have a dialog based on a div only.
any tips, ideas, suggestions, directions ?
here is parte of the source
<html>
<head>
<link rel="stylesheet" href="dialog.css" type="text/css"
media="screen" title="(Default)">
<script src="jquery-1.2.6.min.js"></script>
<script src="jquery-ui-personalized-1.6b.packed.js"></script>
<script>
$(document).ready(function(){
$("#div2").dialog({
     modal: false,
     title: "div me",
     width: 790,
     height: 440,
     buttons: {
     "Close me": function() {
     $(this).dialog("close");
     }
     }
    }).show();
    $("#div1").dialog({
     modal: false,
     title: "iframe me",
     width: 790,
     height: 440,
     buttons: {
     "Close me": function() {
     $(this).dialog("close");
     }
     }
    }).show();
    $("#createPageiFrame").attr("src","data.html");
    $("#div2").load("data.html");
});
</script>
</head>
<body>
<div id="div2"/>
<div id="div1">
    <iframe id="createPageiFrame" width="100%" height="100%"
scrolling="no" frameborder="0" />
</div>
</body>
</html>
I made a mock sample of the problem that can be reached at the
following url
http://www.athanazio.com/wp-content/uploads/2009/01/dialog-with-iframe.zip
thanks
Hamilton