包含随机定位的可拖动div具有“无”底限

Question

我现在就在这里：http://jsfiddle.net/___Vikus___/tk0mn4je/

$(function () {
    $(".col1").each(
    function (intIndex) {
        var l = Math.floor(Math.random() * $(".col1").width());
        var r = Math.floor(Math.random() * $(".col1").height());
        $(this).css("left", l);
        $(this).css("top", r);
    });
    $(".col1").draggable({
        containment: "#wraper",
        scroll: false,
        stack: ".col1"
    });
});

随机定位的脚本运行良好，但可拖动的礼节没有底部遏制。那我怎么能限制我在div中的随机定位呢？或者，我该怎么做才能创造一个真正的底限？