jCarouselLite Help

jCarouselLite Help

Hey Everyone,

Top of the mornin' to ya! Lol. First time for me here at the forums but I'm also very new to jQuery but love it. I have been messing with this issue now for the past two days and have had no success fixing it.

I'm using the jCarouselLite plugin to for a product display on the front page of a online store. It's just a cool interactive way for users to browse products without having to click through many pages and we can feature certain items we want them to see right away. Everything was going smoothly, initially I was just going to use 1 row and display multiple items. Then I got the idea to add 2 more rows so show a full outfit layout. First row I added were the hats and everything functioned properly, added a second row and again success! The issue I'm having is when I add in the third row. For some reason or another the "previous" button wants to hang out on the wrong side of the "slider".

Any help would be grateful, I've studied the code for hours now and had 2 friends check it out and still no luck. I also checked my HTML and CSS through W3C and I pass both.

I'm assuming it has to be an error in the CSS some where or possibly a mislabeled id and I'm just missing it.

http://yumsshop.com/indexcaro.html

Thanks,
The Konektion