Getting CrossSlide script to center rotating images

Getting CrossSlide script to center rotating images

I'm trying to get what should be a simple CrossSlide script to center a rotating image in a WP page.

Below is the code:

<div id="banner"><script src="http://www.bu.edu/nis/lib/jquery/crossslide.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[ jQuery(document).ready(function($) { $('#bannerimage').crossSlide({ sleep: 5, fade: 2, shuffle: 0 }, [ { src: '/images/IMG1.jpg' }, { src: '/images/IMG2.jpg' }, { src: '/images/IMG3.jpg' }, { src: '/images/IMG4.jpg' } ]); }); // ]]></script> <div id="bannerimage" style="height: 200px; width: 200px; align: center;"><img src="'http://www.mywebsite.com/images/IMG1.jpg" alt="" /></div>


The script works just fine, except no matter what I do, it will always left justify. Align: center is doing nothing at all (tried text-align, too)!

Ideas?