What Am I Doing Wrong? (scrollTo plugin...)

What Am I Doing Wrong? (scrollTo plugin...)

Ok. So I'm completely baffled. In my head, this all looks right...so..erm...why doesn't it work?

Here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>scrollTest</title>
<script type="text/javascript" src="http://www.designedinnewcastle.com/wp-content/themes/designedinnewcastle/assets/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://www.designedinnewcastle.com/wp-content/themes/designedinnewcastle/assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://www.designedinnewcastle.com/wp-content/themes/designedinnewcastle/assets/js/jquery.scrollTo-min.js"></script>
<script type="text/javascript">
//
// ON DOCUMENT READY FUNCTION
//
$(document).ready(function(){
   alert($('#box').attr('id'));
   $('#box').stop().scrollTo('+=100', 800, {axis: 'x', easing: 'easeOutQuad'});
});
</script>
</head>
<body style="width:100%;height:100%;padding:0px;margin:0px; background-color: #06C; overflow: hidden;">
<div id="box" style="background-color: #F00;width:100px;height:100px;position: relative; overflow: hidden;">&nbsp;</div>
</body>
</html>


This is just a test page. The more complicated example doesn't work either, so I thought I'd try it out on a simple one. But I can't even get this to work! Haha. I'm obviously referencing the object correctly (that's why the alert pops up), but it just refuses to scroll...

Anyone have any ideas as to what I'm doing wrong?