Untitled

<html>
    <head>
        <script type="text/javascript">

            function getOffsetTop(elemID){
                var offsetTrail = document.getElementById(elemID);
                var offsetTop = 0;

                while (offsetTrail){
                    offsetTop += offsetTrail.offsetTop;
                    offsetTrail = offsetTrail.offsetParent;
                }

                if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
                    offsetLeft += document.body.leftMargin;
                }

                return offsetTop;
            }

        </script>
    </head>

    <body>
        <div id="element1" style="height:40px;">Element 1</div>
        <div id="element2">Element 2</div>

        <script type="text/javascript">
            alert(getOffsetTop('element1'));
            alert(getOffsetTop('element2'));
        </script>
    </body>
</head>