layer's til tabeler...

Hvordan laver jeg det sådan at mine flytbare layers kun kan være i tabeller?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
<style>

<!--
.drag{position:relative;cursor:hand}
-->
</style>
    <script>

function findPos(){
hvorX = document.getElementById('listDiv').offsetLeft
hvorY = document.getElementById('listDiv').offsetTop

alert(hvorX + "," +hvorY)
}
</script>

<script language="JavaScript1.2">

var ns4 = (document.layers)? true:false
var ie4 = (document.all && !document.getElementById)? true:false
var ie5 =(document.getElementById)? true:false
var ns6 = (document.getElementById && !document.all)?true:false;
var clicked = false;
var forrige = "none";
var opdaterDu = false;
minimumZindex = 10;

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.className=="drag"){
dragapproved=true
z=event.srcElement
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>

</head>
<body>
<a href="java script:findPos()">tjeck</a>

<div class="drag" id="listDiv" style="position:absolute;left:0;top:0;height:150;width:150;background-color:#444444;color:#ffffff;text-align:right;z-index:10">sadjahsdlkh sdlkajhd</div>
<div class="drag" id="listDiv" style="position:absolute;left:0;top:0;height:150;width:150;background-color:#333333;color:#ffffff;text-align:right;z-index:10">sadjahsdlkh sdlkajhd</div>


</body>
</html>