title: Scroll Juddering in IE using Jquery resize function
body: <p>I am designing a image resizer but when I use the jQuery resize function in IE the Scroll Bars go juddery. <a href="http://www.chillwebdesigns.co.uk/test/CB/3/" rel="nofollow">http://www.chillwebdesigns.co.uk/test/CB/3/</a> (Working Example).</p>
  
  <p>When the page loads it seems to be fine but when the window is resized then maximised the juddering happens on the scroll bar.</p>
  
  <p>This is what i have written so far.</p>
  
  <pre><code>$(function(){
  
      $(window).load(function() { 
  
          start();
  
          $(window).resize(function(){start()});
  
          function start(){
  
          $('#CB img').css({height:'auto',width:'auto'});
  
              $('#CB img').each(function() {   
  
                  var WinH    = $(window).height(),
                      WinW    = $(window).width(),
                      ImgH    = $(this).height(),
                      Padding = 100;
  
  
                  if(WinH &lt; ImgH){
  
                  $(this).css({height: WinH - Padding, margin:Padding / 2});
  
                  }
  
                  var NewW    = $(this).width();
  
                  if(WinW &lt; NewW){
  
                  $(this).css({width: WinW - Padding, margin:Padding / 2});
  
                  }   
  
              });
  
          }
  
      });
  
  });
  </code></pre>
  
  <p>Any help or ideas would be helpful.</p>