如何解决网页比例放大缩小后网页中层的位置

如何解决网页比例放大缩小后网页中层也相应的放大缩小，然后层的位置跟实际位置没有改变。如何解决啊！我怎么做都是有误差的。网页就是由一张图做背景，然后一些层在这图上显示的。这是我的js代码。
function chgSize(args) {
    var oImg =document.getElementById("image");
    oImg.style.zoom = parseInt(args) + "%";
var items=document.getElementsByTagName("div");
for(var i=0;i<items.length;i++){
if(items[i].name=="dragDiv"){
items[i].style.zoom = parseInt(args) + "%";
items[i].style.pixelLeft=parseFloat(items[i]._left)*(parseInt(args)/100);
items[i].style.pixelTop=parseFloat(items[i]._top)*(parseInt(args)/100);
}
}
}
高手帮帮忙！