Need help - Only one image will display

Update - after a couple of hours struggling, I got this working. I'll post the solution here in case someone else has a similar problem. In the words of one designer - "Views Carousel takes 2 minutes to install, but 2 hours of CSS to make it work." Hopefully this will save you some time.

Here's my set up:

1. I created a content type that has imagefield photos (also used ImageCache to make the photo size I wanted displayed), and installed the Views Carousel and jCarousel modules and set up the View just like Bob did in the video tutorial that is referenced on the Views Carousel project page. I used the ImageCache preset in the View to display my photo field. I'm using the Tango skin.

2. So much for the easy stuff - It would not display properly no matter how much I themed it!

Here's the trick for me. The CSS elements have to be in a certain order. Here's the proper order (item, clip, container):

.jcarousel-skin-tango .jcarousel-item-horizontal {
height:220px;
width: 230px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
height:220px;
width: 850px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 855px;
}

Also, you must have the "Visibility" setting turned off in the Views Carousel settings in your view.

That's what made it work for me - again the url is www.mrnormstutoring.com