jQuery in IE

[Schmoopy]

Hi, I've recently started working with jQuery and it's turning out nicely in Firefox, but of course it's broken in IE, no surprise there.

Basically there are 2 animations on the page when it loads, which slide 2 images into place, but for one of the images, the animation goes off first, then it goes into position. Can anyone explain this?

CSS:

#peep{
margin-top:3em;
width:287px;
position:absolute;
display:none;
}

#check{
position:absolute;
bottom:2%;
right:2%;
width:457px;
height:55px;
display:none;
}

jQuery:

<script type="text/javascript">
$(window).load(function() { // Wait for page to load all images before running this
	$('#peep').show("slide", { direction: "left", distance:287 }, 1000);
	$('#check').show("slide", { direction: "down", distance: 100 }, 800);
});
</script>

The #peep div, comes in from the left and this is working fine, it appears near the top left corner. The #check div should be sliding in from the bottom right, which it does in firefox, but in IE the image appears for a second or two, doing the slide animation, then after it's finished it positions iself in the bottom right hand corner.

Hope you can help me out.

[Nile]

Can you provide all the code and a link to your page?

[Schmoopy]

You can see it here