Working with carouFredSel : items getting margin-right added

Question

I m using the below mentioned code to display the carousel for items. The carousel should display 3 items with scrolling facility if more items are available.

But i am facing an issue when i have less than 3 items in the carousel container . tabCarouselContainer.carouFredSel({ auto: false, height : "auto", width : "100%", items: { visible : 3, minimum : 3, width : 190, height : 110 }, circular: true,
responsive: false,
direction: "left",
padding: null, scroll: { items : 1, easing : "linear", fx : "scroll", duration : 500, timeoutDuration : 500 }, prev: { button : function() { return tab.find('.nav-prev'); } }, next: { button : function() { return tab.find('.nav-next'); } }
});

As seen above, i have 2 items but only one is visible. I have checked in firebug there is on more item, which is having margin-right :190px hence it is going outside the div width and hence not visible.

Answer 1

Added the css property for the third item via javascript. did not find any jquery solution for it like adding some property,etc.