> After at least 4 hours in Firebug and CSS code, I switched something
> that started working. I'm amazed at how difficult it was to do, when
> it should have been so simple, but all's well that ends well. Thanks
> again.
Glad to hear it's working for you now, but it sounds like you got
lucky without really knowing why. I'll try to explain how the horz
centering works. If you have a slideshow that simply consists of
images within a container you will not be able to reliably achieve
horizontal centering because the Cycle plugin needs to position slides
absolutely at 0,0 (left,top). So the key is to put those images
inside wrapper divs and let the wrapper divs function as the slides.
Give the wrapper divs the exact same size as the container and then
give the images within a display:block and margin:auto style. For
example:
<div id="slideshow">
<div class="slide">
<img src="image1.jpg" width="300" height="200" />
</div>
<div class="slide">
<img src="image2.jpg" width="200" height="300" />
</div>
</div>
#slideshow, .slide { width: 400px; height: 300px }
.slide img { display: block; margin: auto }
