title: jquery producing margin issues in Safari only
body: <p>Using a responsive caroufredsel, works like a charm in Chrome &amp; Firefox, but in Safari it is suddenly producing top and bottom margins of 800px, throwing everything off.</p>
  
  <p>Its a responsive site, and strangely the issue doesn't occur when influenced by the media query for screens of 500px wide or less.</p>
  
  <p>The site is a wordpress custom build, waiting on a server for the domain to be mapped across when all is ready to go.</p>
  
  <p>live page:</p>
  
  <pre><code>http://109.203.120.0/~wirebird/wordpress/the-guitars/
  </code></pre>
  
  <p>The <a href="http://www.wirebirdguitars.com/staging/guitars.html" rel="nofollow">static html version</a> works fine, so is it a wordpress issue, or the fact that it is not using a true domain yet?</p>
  
  <p>jquery for firing caroufredsel below:</p>
  
  <pre><code>jQuery(document).ready(function() {
  
  jQuery("#guitars-gallery").carouFredSel({
  auto: false,
  circular: false,
  prev: '#prev',
  next: '#next',
  responsive : true,
  height : 500,
  scroll: 1,
  items : { width : 370, height : 500, visible : { min : 1, max : 3 } } });   
  
  });
  
  function doSomething() {
  
  jQuery('#guitars-gallery').trigger('destroy', true);
  jQuery('#guitars-gallery').css({'text-align': '','float': '','position': '','top': '','right': '','bottom': '','left': '','width': '90%','height': '','margin': '1% auto'});
  
  jQuery("#guitars-gallery").carouFredSel({
  auto: false,
  circular: false,
  prev: '#prev',
  next: '#next',
  responsive : true,
  height : 500,
  scroll: 1,
  items : { width : 370, height : 500, visible : { min : 1, max : 3 } } });
  
  };
  
  var resizeTimer;
  
  jQuery(window).resize(function() {
  clearTimeout(resizeTimer);
  resizeTimer = setTimeout(doSomething, 100);
  });
  </code></pre>
  
  <p>Any ideas most welcome, it's driving me mad!</p>
  
  <p>UPDATE: I have resolved this for now by using jquery to change the styling after the carousel is called:</p>
  
  <pre><code>jQuery('.caroufredsel_wrapper').css({'margin-top': '0px', 'margin-bottom': '0px'});
  </code></pre>
  
  <p>Fixes the problem, but I'm still none the wiser as to why it was happening :-)  </p>