floating menu

Code:



<style type="text/css">
#floatMenu {
    position:absolute;
    overflow:auto;
    top:180px;
    left:5%;
    margin-left:0px;
    width:200px;
    height:300px;
    border:4px solid #B87F4B;border-right:none;
    background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/template-GR/gradblueblackV358H3.gif) no-repeat;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    padding:10px 4px;
    opacity:0.1;
    -moz-opacity:0.1;
    filter:alpha(opacity=10);
    }
#floatMenu:hover {
    opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);
    }
#floatMenu ul {
    margin-bottom:20px;
    }
#floatMenu ul li {
    line-height:14px;
    list-style:none;
    display:block;
    text-decoration:none;
    color:#ccc;
    }
#floatMenu ul li a{
    font-family:Arial Narrow;
    margin-left:0px;
    padding-left:15px;
    font-size:12px;
    color:#fff;
    background:url(http://i44.tinypic.com/95q8fq/gubhugreyot/images/arrow.jpg) left no-repeat;
    background-position:0 3px;
    text-decoration:none;
    }
#floatMenu ul li a:hover{
    color:#38DB29;
    background:url(http://i44.tinypic.com/chrv9/gubhugreyot/images/arrow/anima.gif) left no-repeat;
    background-position:0 3px;
    }
#floatMenu ul li a:visited{
    color:#F80000;
    }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'>
</script>
<script language="javascript">
var name = "#floatMenu";
var menuYloc = null;
$(document).ready(function(){
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
$(window).scroll(function () {
offset = menuYloc+$(document).scrollTop()+"px";
$(name).animate({top:offset},{duration:800,queue:false});
});});
</script>
<div id="floatMenu">
<ul class="menu1">
    <li><a href="Link-1" title="Javascript Menu">Javascript Floating Menu Javascript Floating</a></li>
    <li><a href="Link-2" title="CSS Menu">CSS Floating Menu</a></li>
    <li><a href="Link-3" title="Image Menu">Floating Image Menu</a></li>
    <li><a href="Link-4" title="Image Gallery">Javascript Image Gallery</a></li>
    <li><a href="Link-5" title="JQuery">JQuery Image Gallery</a></li>
    <li><a href="Link-6" title="Javascript Menu">Javascript Floating Menu</a></li>
    <li><a href="Link-7" title="CSS Menu">CSS Floating Menu</a></li>
    <li><a href="Link-8" title="Image Menu">Floating Image Menu</a></li>
    <li><a href="Link-9" title="Image Gallery">Javascript Image Gallery</a></li>
    <li><a href="Link-10" title="JQuery">JQuery Image Gallery</a></li>
    <li><a href="Link-11" title="Javascript Menu">Javascript Floating Menu</a></li>
    <li><a href="Link-12" title="CSS Menu">CSS Floating Menu</a></li>
    <li><a href="Link-13" title="Image Menu">Floating Image Menu</a></li>
    <li><a href="Link-14" title="Image Gallery">Javascript Image Gallery</a></li>
    <li><a href="Link-15" title="JQuery">JQuery Image Gallery</a></li>
    <li><a href="Link-16" title="Javascript Menu">Javascript Floating Menu</a></li>
    <li><a href="Link-17" title="CSS Menu">CSS Floating Menu</a></li>
    <li><a href="Link-18" title="Image Menu">Floating Image Menu</a></li>
    <li><a href="Link-19" title="Image Gallery">Javascript Image Gallery</a></li>
    <li><a href="Link-20" title="JQuery">JQuery Image Gallery</a></li>
</ul>
</div>

di coba dlu pasti gx nyesel deh cara ane ini