scriptaculous.js + CSS overflow: scroll ลากแล้วไม่ยอมปล่อย

        <script type="text/javascript" src="framework/prototype.js"></script>
        <script type="text/javascript" src="framework/scriptaculous/src/scriptaculous.js"></script>
        <script type="text/javascript" src="framework/myframework.js"></script>
        <script language="javascript">
// ทำการสร้าง Tag ของ <div> ตามนี้
function load(id){

    var aNode = document.getElementById(id);
    aNode = document.createElement("div");
    aNode.id = id;
    var body = document.getElementsByTagName('Body')[0];
    body .appendChild(aNode);
    //ดึงข้อมูลมาใส่ Tag ที่เพิ่งสร้างขึ้น
    getDataReturnText("xxx.html", getFrame);
    function getFrame(objRequest){
        document.getElementById(id).innerHTML = objRequest;
    }
    setDrag(id);
    setStyle(id);
}
function setDrag(id){
    //1. รับ Id เข้ามาทำให้สามารถ Drag ได้
    //
    new Draggable(id, {
        revert: false,
        starteffect: false,
        endeffect: false
    });
}

</script>
// ตัวอย่างของ Tag ที่สร้างขึ้น
    <div class="1" style=" overflow: scroll">
          xxxxxxxxxxxxx
    </div>