jquery issue on marquee script

Following the info in here;
http://www.givainc.com/labs/marquee_jquery_plugin.htm

I set up a demo page on my site to see if I could get it working…

It does not error, it just does not scroll as I expected it to. I have the links in the HEAD section as follows:

<script src="http://www.myFallRiver.ca/wp-includes/js/jquery/jquery.js?ver=1.3.2" type="text/javascript"></script>
<script type="text/javascript" src="http://www.myFallRiver.ca/wp-includes/js/jquery/jquery.marquee.js"></script>

in the page I have:

<ul class="marquee" id="marquee2">
	<li class="" style="top: -22px; left: 0px;">Lorem ipsum dolor sit amet.</li>
	<li class="" style="top: 0px; left: 0px;">Fusce tincidunt adipiscing,massa.</li>
	<li class="" style="top: -22px; left: 0px;">Mauris ullamcorper euismod leo.</li>
</ul>
<div><script type="text/javascript"><!--
  $(document).ready(function (){
  $("#marquee2").marquee({yScroll: "bottom"});
});
//--></script></div>

Please help, it`s driving me nuts, link is here:
http://www.myfallriver.ca/?page_id=1423&preview=true

Thanks.