CSS (maybe Jquery too) does not work properly on page's first load (in IE)

I am using IE 8.

If you go to http://site2.ewart.library.ubc.ca/, you will f开发者_如何学Goind the text below the (carousel) image is aligned to the right, while it is supposed to aligned to the center.

However, if you click the left & right button to navigate the carousel, the text will be aligned to the center.

I guess it might be some jquery (and its cycle plug-in) issue. But I am not sure.

Also, the left & right buttons are not aligned corrected. It should be on the right of the dots. It works in FF but not in IE.

It looks correct to me in IE8. The left and right arrows are to the right of the dots and everything is center aligned. I am using IE8 also.