title: CSS relative to fixed position - CSS transition
body: <h1>Description</h1>
  <p>I'm trying to make a div look like it's growing from where it is. To do this I'm changing the position from <em>relative</em> to <em>fixed</em> which makes the first transition start from <code>top:0, left:0</code> instead of the element's current top/left. How can I fix this to use the elements current offsets?</p>
  <h1>JS Fiddle</h1>
  <p><a href="http://jsfiddle.net/ZjWkD/" rel="nofollow noreferrer">http://jsfiddle.net/ZjWkD/</a></p>
  <blockquote>
  <p><strong>Note:</strong> After the first click, the code works exactly how I want it to. The very first click is the problem.</p>
  </blockquote>