스크롤바 움직여도 떠 있는 이미지 (레이어)

http://oxtag.com/html/ex/layers/layers/layers.html

<style type="text/css">
<!--
#floater {Z-INDEX: 1; VISIBILITY: visible; POSITION: absolute;}
body,div,td,a {font-size:9pt;}
-->
</style>
스크롤바를 움직여보세요.
<script language="Javascript" src="./layers.js"></script>
<DIV id=floater style="right: 10px; TOP: 10px; z-index: 1; width: 150; height: 100px;" align=left>
<table align="center" border="1" cellspacing="0" width="180" bordercolor="#FF9900" bordercolordark="white" bordercolorlight="#FF9900">
    <tr>
        <td align=center>
        <a href=경로 target=_blank><img src=../../../img/angel_02.gif border=0></a><br><br>
        <a href=layers.js>layers.js 다운받기</a><br><br>
        right: 10px; TOP: 10px;<br>요 부분의 위치를 변경하면<br>됨니다. right대신 left를 써도...
        </td>
    </tr>
</table>
</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>