A mí me venía bien refrescarlo, y de forma lenta intenté hacerlo así... 
Como funcionar funciona, pero no tiene el onMouseUp para que suelte el div
Código (javascript) [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>My JS Desktop</title>
<style type="text/css">
#barraMover {
position:absolute;
top: 100px;
left: 500px;
}
iframe{
position:absolute;
top: 125px;
left: 500px;
}
</style>
<script type="text/javascript">
function mover(){
var div = document.getElementById('barraMover');
document.addEventListener('mousemove',function(barra) {
x = barra.pageX+"px";
y = barra.pageY+"px";
div.style.left = x;
div.style.top = y;
document.getElementById("mouse_x").value = x;
document.getElementById("mouse_y").value = y;
});
}
</script>
</head>
<body background="wallpaper.jpg">
<div id="contenedor">
<div style="text-align: right; background: white;">
mouse_x: <input type="text" id="mouse_x"/>
mouse_y: <input type="text" id="mouse_y"/>
</div>
<div id="barraMover" onMouseDown="mover()">
<img onMouseDown="return false" src="title_bar.jpg" width="500px" height="25px"/>
</div>
<iframe src="program_test.html" width="496px" height="500px"/>
</div>
</body>
</html>
Como funcionar funciona, pero no tiene el onMouseUp para que suelte el div