Questo è ciò che ho provato a fare per vedere se la vosa funzionava... dimmi dove ho sbagliato

codice:
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
// barra delle pagine che segue lo scroll	
$(function() {
  $(window).scroll(function() {
	 if ($(window).scrollTop()>128){
		 muovi=$(window).scrollTop()-119;
	 }else{
		 muovi=10;
	}
		$('#prova').stop(true, true).
     	animate({
     		top: muovi    
    	}, 'slow', 'linear');
 });	

});
</script>
<body>
<div id="prova">
  

<font color="#FF0000" size="+7" face="Verdana, Arial, Helvetica, sans-serif">PROVA</font> 
  </p>
</div>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
  

prova</p>
</body>
</html>
Questa la pagina di prova http://www.benesserea360.it/prova.php

In teoria la scritta PROVA in grande in rosso dovrebbe starsene in alto . . .
Che paramentri devo correggere?

Prima che me lo chieda tu, ho provato anche inserendo

codice:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
Grazie