Drag element

Hej

Jeg har lidt problemer med et drag script.
Det virker fint - men når jeg sætter en tabel ind i mellem div taggene, så sker der intet:

Her er min kode - Håber at der er nogen der kan hjælpe :)

<script language=\"JavaScript1.2\">
var dragapproved=false
var z,x,y
function move(){
    if (event.button==1&&dragapproved){
        z.style.pixelLeft=temp1+event.clientX-x
        z.style.pixelTop=temp2+event.clientY-y
        return false
    }
}

function drags(){
    if (!document.all)
        return
    if ((event.srcElement.parentElement.id==\"drag\") || (event.srcElement.parentElement.id==\"showUr\")){
        dragapproved=true
        z=event.srcElement.parentElement
        temp1=z.style.pixelLeft
        temp2=z.style.pixelTop
        x=event.clientX
        y=event.clientY
        document.onmousemove=move
    }
}
document.onmousedown=drags
document.onmouseup=new Function(\"dragapproved=false\")
//-->
</script>


<div id=\"drag\" align=\'center\' style=\"position: absolute; z-index: 10; top:50px; left:50px; visibility: visible;\">
<table>
    <tr>
        <td><img src=\"gfx/ikoner/ikon_programmer.gif\" class=\"ikon_programmer1\"  width=\"32\" height=\"32\" alt=\"\" border=\"0\" style=\'Cursor: Default;\'><br>
            <font face=\"verdana\" color=\'#FFFFFF\' style=\"font-size: 8pt;\" class=\"ikon_programmer1\"  style=\'Cursor: Default;\'>Programmer</font></td>
    </tr>
</table>
</div>