title: Isotope, absolute position of items not correct on when resizing window
body: <p>I have a Isotope layout which works fine but when I resize the window it positions the item wrong. In my case it adds 'left:20px' making the first item stick out to the left(it's always the first item that is positioned wrong). The thing is it doesn't happen consistently, sometimes it resizes with the good position and sometimes with the bad position, I absolutely have clue what causes this at all.</p>
  
  <p>This is the correct layout before resizing things
  <a href="https://i.stack.imgur.com/xakIA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xakIA.png" alt="eded here"></a></p>
  
  <p>This what sometimes happens after resizing, it sometimes just adds left:20px to to the first element for I don't know what reason. 
  <a href="https://i.stack.imgur.com/8UmB5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8UmB5.png" alt="enter image description here"></a></p>
  
  <p>This is my only javascript code:</p>
  
  <pre><code>var $container = $('.blog-container');
  $container.imagesLoaded( function () {
      $('.blog-container').isotope({
          itemSelector: '.item-blog'
      });
  });
  </code></pre>
  
  <p>Here the actual <a href="http://www.vita-gamer.com/ludens/" rel="nofollow noreferrer">link</a> to experience it first hand.</p>
  
  <p>This occurs when resizing under and above 1280</p>
  
  <p>I'm really at the end and I very much appreciate any help!</p>