js如何动态获取某个div的离left的值

<html>
<head>
</head>
<body style="height: 8000">
    <!--  浮动开始   -->
    <div style="width: 1003px; position: relative">
        <!--left: 895px;-->
        <div id="QQFloat" style="z-index: 20; left:884px; visibility: visible; width: 106px;
            position: absolute; top: 300px; height: 300px">
            <table class="new" cellspacing="0" cellpadding="0" width="67" border="0">
                <tbody>
                    <tr>
                        <td valign="center" width="67">
                         dafssdf
                        </td>
                    </tr>
                  <tr>
                        <td valign="center" width="67">
                         dafssdf
                        </td>
                    </tr>
                   
                </tbody>
            </table>
        </div>
    </div>    <script type="text/javascript">
        //<![CDATA[
        var tips; var theTop = 100/*这是默认高度,越大越往下*/; var old = theTop;
        function initFloatTips() {
            tips = document.getElementById('QQFloat');
            moveTips();
        };
        function moveTips() {
            var tt = 50;
            if (window.innerHeight) {
                pos = window.pageYOffset//是NS专用属性，它的含义和IE下的document.body.scrollTop一样
                //document.body.scrollTop就是滚动条顶部到网页顶部的这段距离
                //
            }
            else if (document.documentElement && document.documentElement.scrollTop) {
                pos = document.documentElement.scrollTop
            }
            else if (document.body) {
                pos = document.body.scrollTop;
            }
            pos = pos - tips.offsetTop + theTop;
            pos = tips.offsetTop + pos / 10;            if (pos < theTop) pos = theTop;
            if (pos != old) {
                tips.style.top = pos + "px";
                //tips.style.left = document.getElementById("aaad").style.left;
                tt = 10;
                //alert(tips.style.top);
            }
            old = pos;
            setTimeout(moveTips, tt);
        }
        //!]]>
        initFloatTips();
    </script>    <!--  浮动结束   -->
    <table cellspacing="0" cellpadding="0" id="aaad" width="800" align="center" border="0">
        <tbody>
            
            <tr>
                <td style="padding-top: 8px">
                    <table height="148" cellspacing="0" cellpadding="0" border="0" style="height: 1000">
                        <tbody>
                            <tr>
                                <td valign="top" align="left" width="182">
                                </td>
                                <td style="padding-left: 10px" valign="top" align="left">
                                    <table cellspacing="0" cellpadding="0" width="702" border="1">
                                        <tbody>
                                            <tr>
                                                <td width="702" background="/ss/Construction_01.jpg"
                                                    height="30">
                                                    &nbsp;
                                                    <div id="hhhh">asdf</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="main_table" background="/ss/Content_02.jpg">
                                                    <table class="new" cellspacing="0" cellpadding="0" width="668" border="0">
                                                        <tbody>
                                                            <tr>
                                                                <td height="2200px">
                                                                    <br>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    <input type="button" onclick="aa()" width="100" value="asdfasdfasdf" />
    <script type="text/javascript" >
        function aa() {
            alert(document.getElementById("hhhh").style.left.toString());        }
        alert(document.getElementById("aaad").style.left.toString());
</script>
</body>
</html>
------------------把上边保存为html，
如何显示缩放时，它也能贴在table "aaad"的右边呢？