Div + CSS text scroll up

<Div id = "marquees">
<A href = "#"> you have had countless dreams. </a> <br>
<Br>
<A href = "#"> however, it is lost in the passage of time </a> <br>
<Br>
<A href = "#"> have you ever looked forward to the future? </a> <br>
<Br>
<A href = "#"> lost in the years of growth </a> <br>
<Br>

</Div>

</Div>
<Script language = "JavaScript">
Marqueesheight = 200;
Stopscroll = false;
With (marquees ){
Style. width = 0;
Style. Height = marqueesheight;
Style. overflowx = "visible ";
Style. overflowy = "hidden ";
Nowrap = true;
Onmouseover = new function ("stopscroll = true ");
Onmouseout = new function ("stopscroll = false ");
}
Document. Write ('<Div id = "templayer" style = "position: absolute; Z-index: 1; visibility: hidden"> </div> ');
Pretop = 0; currenttop = 0;
Function Init (){
Templayer. innerhtml = "";
While (templayer. offsetheight <marqueesheight ){
Templayer. innerhtml + = marquees. innerhtml;
}
Marquees. innerhtml = templayer. innerhtml + templayer. innerhtml;
Setinterval ("scrollup ()", 10 );
}
Document. Body. onload = Init;
Function scrollup (){
If (stopscroll = true) return;
Pretop = marquees. scrolltop;
Marquees. scrolltop + = 1;
If (pretop = marquees. scrolltop ){
Marquees. scrolltop = templayer. offsetheight-marqueesheight;
Marquees. scrolltop + = 1;
}
}
</SCRIPT>