title: Position:absolute creating messing up grid flow
body: <p>I'm trying to make a grid with css from which, when clicked, a div can "break out" of using position:absolute, so that it can be moved around above the grid without messing with aforementioned grid. Here's the <a href="http://jsfiddle.net/E5PPc/" rel="nofollow">jsFiddle</a>. As you can see, when clicked the position is set to absolute, but henceforth destroys the grid structure around it instead of simply floating above it. I've tryed using <code>z-index</code>, but it did not work. What am I doing wrong?</p>
  
  <p>Thanks in advance!</p>