Removing Css Attributes Set By .animate() After Complete?

I'm a stickler for not loading a ton of files, especially when they're javascript, so I chose to write my own horizontal news ticker. For what I need, I'm pretty sure I can do it with a much smaller footprint than a plugin.

Currently, I'm using overflow:hidden and position markers to make the div 'scroll off the screen'. Not sure if this is the proper way to do it, but it is working (for the most part). Here is the code I have so far:

var numItems = $('div.newspost').length;
var timeoutNews;
$('#news1').css({'left':'0px'});
if(numItems > 1) {
changeNews(1);

[Code]...

In firefox, the .css function never resets the div. However in internet explorer, it resets it before the animation completes and you can see the original shoot across the screen. I can watch the divs in firebug, and it never touches the style tag (almost like the reset function is never being called). I verified this by changing it to some other style, like font-weight:bold

I'm sure this is a silly 'gotcha', but it lost me when it worked (poorly) in IE 8. The idea is to have the appearance of a circular ticker. It loops well, but after the first run, everything just pops in from the left side.

Note: Don't run this too long in your browser without a limit. I'm new at jQuery and this script has no memory management whatsoever.