title: Positioning multiple, random sized, absolutely positioned elements so they don't overlap
body: <p><strong>Ok I need to be able to position a bunch of random sized absolutely positioned words on a page but I don't want any of the elements to overlap.</strong></p>
  
  <p>The end goal is to have a fluid word cloud that responds to user interaction (remember the <a href="http://www.google.com/logos/particle.html" rel="nofollow">Google Balls Doodle</a>?). I would really like to build this from scratch to develop my understanding of this type of development. Any help in this department would also be appreciated :)</p>