title: center image in div with overflow hidden
body: <p>I have an image of 400px and a div that is smaller (the width is not always 300px as in my example). I want to center the image in the div, and if there is an overflow, hide it.</p>
  
  <p>Note: I must keep the <code>position:absolute</code> on the image. I'm working with css-transitions, and if I use <code>position:relative</code>, my image shakes a bit (<a href="https://web.archive.org/web/20120528225923/http://ta6.maxplus.be:8888/" rel="noreferrer">https://web.archive.org/web/20120528225923/http://ta6.maxplus.be:8888/</a>).</p>
  
  <p>jsfiddle
  <a href="http://jsfiddle.net/wjw83/1/" rel="noreferrer">http://jsfiddle.net/wjw83/1/</a></p>