title: Working with carouFredSel : items getting margin-right added
body: <p>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.</p>
  
  <p>But i am facing an issue when i have less than 3 items in the carousel container .
  <code>tabCarouselContainer.carouFredSel({
                      auto: false,
                      height : "auto",
                      width : "100%",
                      items: {
                          visible         : 3,
                          minimum         : 3,
                          width           : 190,
                          height          : 110
                      },
                      circular: true,<br>
                      responsive: false,<br>
                      direction: "left",<br>
                      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'); }
                      }<br>
                  });</code>
  <img src="https://i.stack.imgur.com/LQhGI.png" alt="tabs with 2 items only getting displayed"></p>
  
  <p>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.</p>