请教大师,做一个悬停div,跟随浏览器大小自动放在可见的右边


<script>
window.onscroll=function(){   
    var bodyTop = 0;    
    if (typeof window.pageYOffset != 'undefined') {    
        bodyTop = window.pageYOffset;    
    } 
    else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') 
    {    
        bodyTop = document.documentElement.scrollTop;    
    }    
    else if (typeof document.body != 'undefined') {    
        bodyTop = document.body.scrollTop;    
    }    
    document.getElementById("float").style.top=10 + bodyTop;
};
window.onload=function(){
    if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') 
        bodyRight = document.documentElement.clientWidth;
    else bodyRight = document.body.clientWidth;
    document.getElementById("float").style.left=bodyRight-30;
}
</script>
<DIV style="top:10px;position:absolute;padding-top:100px;" id="float"><A href="http://www.meilieasy.com/chating/chating.shtml" target=chat><IMG src="http://www.meilieasy.com/Images/CustomService.gif" width=19></A></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>
就如这个,可是如果最大化或者最小化,又不好用了,请大师们帮帮啦