<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>New document</title><meta name="generator" content="TSW WebCoder"><style type="text/css">body{margin:0px;padding:0px;}div#menu{position:fixed;width:125px;border-right:25px solid #000;background-color:#dadada;border-left:1px solid #006699;border-top:1px solid #006699;border-bottom:1px solid #006699;}div#menu ul{margin:0px;padding:0px;list-style-type:none;}div#menu ul li{font:bold 12px Arial, Helvetica, sans-serif;height:24px;border-bottom:1px solid #000;}div#menu ul li a{display:block;height:20px;padding:2px 5px;}div#menu ul li a:link, div#menu ul li a:visited{text-decoration:none;color:#000;}div#menu ul li a:hover{text-decoration:none;color:#fff;background-color:#006699;}/* start ie position fixed hack */* html { overflow-y: hidden;}* html body {overflow-y: auto;height: 100%;}* html div#menu{position: absolute;top: 0px;left:0px;}/* end ie position fixed hack */</style></head><body><div id="menu"><ul><li><a href="#">Link 1</a></li><li><a href="#">Link 2</a></li><li><a href="#">Link 3</a></li><li><a href="#">Link 4</a></li></ul></div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam sodales. Maecenas eget massa. Donec nec turpis sit amet felis bibendum elementum. Nam lacus nisi, gravida nec, dictum et, nonummy auctor, libero. Vestibulum aliquet. Suspendisse quis est. Nulla a sem a pede sollicitudin porttitor. Cras bibendum, sem ut pulvinar nonummy, nulla tellus consectetuer turpis, et porttitor urna dui ac libero. Praesent eget pede. Nullam sit amet quam quis sapien cursus rutrum. Nulla sodales. Praesent lorem justo, viverra eu, accumsan sit amet, pellentesque ut, nulla. Suspendisse sit amet sapien a justo varius fringilla. Cras euismod, risus id fringilla cursus, diam elit viverra sem, ac condimentum justo orci id mi. Curabitur ultrices nibh nec quam. Integer fermentum arcu sed sem. Phasellus mi sapien, suscipit molestie, facilisis nec, placerat eget, augue. Aenean gravida. Donec purus. Morbi tempus mauris.Get elit vehicula volutpat. Cras nonummy sapien sit amet sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus sodales quam in tellus. Vestibulum in risus. Nam ornare, lectus eget elementum consectetuer, sem augue mollis risus, at sagittis<script type="text/javascript">var divRef=document.getElementById('menu');incrementId=null;//set margin from jsdivRef.style.marginLeft='-125px';function increment_margin(){ divRef.style.marginLeft=(parseInt(divRef.style.marginLeft)+5)+'px'; if(divRef.style.marginLeft>='0px'){ divRef.style.marginLeft='0px'; window.clearInterval(incrementId); incrementId = null; }}function decrement_margin(){ divRef.style.marginLeft=(parseInt(divRef.style.marginLeft)-5)+'px'; if(divRef.style.marginLeft<='-125px'){ divRef.style.marginLeft='-125px'; window.clearInterval(incrementId); incrementId = null; }}function set_margin(movement_type){ //clear any previous interval if(incrementId){ window.clearInterval(incrementId); } if(movement_type=='increment'){ incrementId=window.setInterval("increment_margin()", 10); }//end if increment else{ incrementId=window.setInterval("decrement_margin()", 10); }//end else decrement}divRef.onmouseout=function(){ set_margin('decrement'); }divRef.onmouseover=function(){ set_margin('increment'); }</script></body></html>