resize div med iframe

Jeg forsøger at lave et web desktop i jQuery og dertil har jeg brugt et iframe i et layer, men problemet er ved resize. Når jeg gør den mindre og musen tilfældigvis kører lidt for hurtig og kommer ind over indholdet af iframet kan jeg ikke gøre elementet mindre.

Her er lidt kode:

//
// MAKE WINDOWS RESIZEBLE
$(function() {
    $(".window").resizable({
        minWidth:200,
        minHeight:100
    });
});

//
// OPEN WINDOW
function desktopWindow(id, width, height, thisX, thisY, title, appID) {
    if(!width) { width = 400; }
    if(!height) { height = 300; }
    if(!thisX) { top:10; }
    if(!thisY) { left:10; }
   
    $('div#'+ id).css('background', 'red');
   
    var out = '<div class="window" id="'+ id +'" style="width:'+ width +'px; height:'+ height +'px; top:'+ thisY +'px; left:'+ thisX +'px;">';
    out += '    <div class="topbar">';
    out += '<img src="system/graphics/desktopIcon/exit.png" />';
    out += '<img src="system/graphics/desktopIcon/minimize.png" />';
    out += '<img src="system/graphics/desktopIcon/maximize.png" />';
    out += '<h2></h2></div>';
    out += '    <div class="content">';
    out += '        <iframe src="http://intranet/test.php"></iframe>';
    out += '    </div>';
    out += '</div>';
   
    return out;
}