title: Tumblr CSS positioning
body: <p>I'm making a two column Tumblr theme and I need to fix this weird CSS positioning issue I'm having. If you look at the picture provided you can see that there's a gap in between two pictures in the first column. This happens when a picture is smaller than the <code>max-width</code> I guess the rest of the width it just filled with blank space. How can I fix it? </p>
  
  <p>Code: 
  <a href="http://pastebin.com/eY4EsQKH" rel="nofollow">http://pastebin.com/eY4EsQKH</a></p>
  
  <p>Picture:
  <a href="http://i.imgur.com/z8k22cQ.png" rel="nofollow">http://i.imgur.com/z8k22cQ.png</a></p>
  
  <p>jsFiddle:
  <a href="http://jsfiddle.net/kQVNd" rel="nofollow">http://jsfiddle.net/kQVNd</a></p>