스크롤을 따라 움직이는 레이어(div,span)

어떤 분이 올려논 소스를 조금 손 봤다.
일단 익스플로러에서만 작동을 한다.


<script type="text/javascript">
    markRefresh = 10; // 리프레쉬 시간(밀리세컨즈)
    var wMark;

    function setVals()
    {        
       //해당 div요소를 불러온다.
        wMark = document.getElementById?document.getElementById("아이디")
        :document.all?document.all["아이디"]:document.layers?document.divscrollphoto:null;
        if (wMark.style) wMark=wMark.style;    
    }

    function wRefresh()
    {
        if(document.body.scrollTop > 366) //스크롤바가 일정한 위치까지 내려간후에 작동한다.
        {
            wMark.left = (document.body.clientWidth/2) - 480; //화면크기가 바뀌어도 위치가 고정되도록 x축위치를 잡는다.
            wMark.top = document.body.scrollTop;
        }
        else
        {           
            wMark.top = 369;   //스크롤위치가 366이전까지는 레이어위치를 369에 고정  
            wMark.left = (document.body.clientWidth/2) - 480;
        }       
    }

    function markMe()
    {
        setVals();
        window.onresize=setVals;
        markID = setInterval ("wRefresh()",markRefresh);
    }
    window.onload=markMe;

    </script>

<div id="아이디">스크롤 되는 레이어</div>