title: Border is cutting off when using border-radius?
body: <p>I have an image which has a 5px border around it and I wanted to round the corners of both the image and the border, but in webkit the image remained rectangular whereas the corners of the border were rounded. As a result, the image overlapped the border and created what looks like a gap between the lines of the border at each corner.</p>
  
  <p>I'd like it to look like this <a href="http://jsfiddle.net/rmi14/HWDtx/19/" rel="noreferrer">http://jsfiddle.net/rmi14/HWDtx/19/</a>, but on webkit, the white background is rectangular and ends up overlapping some of the light blue border and cutting it off.</p>