title: jQuery Masonry not working.
body: <p>I had it working but for some reason it has just stopped working and I don't know what I have done.The box <code>divs</code> are floated left, I just don't know where I've gone wrong.</p>
  
  <p><strong>Jquery</strong></p>
  
  <pre><code>var $container = $('.work');            
  $container.imagesLoaded(function(){                 
     $container.masonry({
        itemSelector: '.box',
        isAnimated: true,
        columnWidth: 250                  
     });
  });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="part-one" class="work"&gt;
     &lt;div class="box col2"&gt;&lt;img src="_assets/images/one.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
     &lt;div class="box col2"&gt;&lt;img src="_assets/images/two.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
     &lt;div class="box col2"&gt;&lt;img src="_assets/images/three.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
     &lt;div class="box col2"&gt;&lt;img src="_assets/images/four.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
     &lt;div class="box col2"&gt;&lt;img src="_assets/images/five.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>
         
         
         
         
         
      </p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.work {
     margin-left:98px;
     top:0;
     max-width:1600px;
     padding-bottom:100px;
     position:absolute;
  }
  </code></pre>