ie9下，移动iframe的位置，iframe刷新的问题

<!DOCTYPE html>
<meta http-equiv="x-ua-compatible" content="IE=9;" />
<html>
<head>
<script type="text/javascript" src="../../jquery-1.7.2.js"></script>
<script type="text/javascript">
function bb()
{
var demo = $('.demo');
demo.append($('#dialog'));
}
</script>
</head>
<body>
<input type="button" value="test" onclick="bb();" />
<div id="dialog" title="Basic dialog">
<iframe id="frame" width=300px height=300px src="http://www.163.com"></iframe>
</div>
<div class="demo">
</div>
</body>
</html>上面为代码，当移动iframe的位置时，iframe会自动刷新。请问如何能屏蔽其刷新？
ps：<meta http-equiv="x-ua-compatible" content="IE=9;" />不能修改，因为页面用到了canves，所以不能通过修改IE=7这样来解决。