title: How to animate an element and not lose border-radius?
body: <p>I've got a little animation on a center-piece image, it zooms in a bit and then returns to its original size. </p>
  
  <p><a href="http://jsfiddle.net/wije/jWLtT/" rel="nofollow">Code here!</a></p>
  
  <p>Trouble is, the animation "overrides" the border radius on the parent element even though it has overflow hidden on it.</p>
  
  <p>Any ideas?</p>