Jquery stops half way through animation in IE

Jquery stops half way through animation in IE

IE problem only (again ).
Script is simply:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="http://static.REMOVED.com/css/admin.css" />
<script type='text/javascript' src='http://static.REMOVED.com/js/jquery.js'></script>
<script type="text/javascript">
$(document).ready(function(){
$("#successful").hide();
$("#message").hide();
$("#successful").fadeIn(1000);
$("#message").slideDown(1000);
});
function delayer(){
window.location = "index.php"
}
</script></head>
<body>
<div class="wrap">
<h2>Login Successful</h2>
<body onLoad="setTimeout('delayer()', 3000)">
<div id = "message">You are now logged in, please wait or refresh for access.<br><br></div><div align="center" id="loading"></div></div>
</body>

</html>

Why does the word successful only "half appear"?
Stupid IE bug. Hope someone knows!