title: Grow from center
body: <p>I have been trying to get the bottom circles to grow in Firefox (need to add in other prefixes, still in dev)</p>
  
  <p>They are behaving properly, but my goal is to get them to grow from the center. Any ideas on how i can use CSS to do that? Would it be a positioning thing? The link is here: <a href="http://www.catonthecouch.com/feline/" rel="noreferrer">http://www.catonthecouch.com/feline/</a></p>
  
  <p>I am simply growing the width/height on hover.</p>