title: CarouFredSel sliding issue
body: <p>I have set up a caroufredsel, and have items inside of it. But when I click on my next and previous buttons, the first time it appears to shift 1 item, every click after that it shifts the entire width of the content and back to the beginning.</p>
  
  <p>I have set my scroll items to 3. Does it have something to do with the width of the container?</p>
  
  <pre><code>jQuery('#tab-1').find('#carousel').carouFredSel({
                              responsive : true,
                              circular: false,
                              align: "center",
                              height : 'auto',
                              width : 'auto',
                              auto : false,
                              prev : {
                                  button : function() {
                                      return jQuery('#tab-1').find('.carousel-pagerLeft');
                                  }
                              },
                              next : {
                                  button : function() {
                                      return jQuery('#tab-1').find('.carousel-pagerRight');
                                  }
                              },
                              scroll : {
                                  items : 3,
                                  fx : "fade"
                              },  
                              items : {
                                  height : 'auto',
                                  width: 'auto'
                              },
                              swipe: {
                                  onMouse: true,
                                  onTouch: true
                              }               
                          });
  </code></pre>
  
  <p>It also seems that on slide, the height of the carousel changes for some reason. maybe this is related</p>