Using a larger image than container for better quality with css

Using a larger image than container for better quality with css

I've noticed that when displaying small images with a scale of 1:1 they
often look blocky. I can overcome the problem when using the <img> tag by
using a larger scale image and setting the desired size with css.
But, I'd like to load my images with css with background: url(...)
When doing this if I set my element size to less than my image size then
the image is only partially displayed, I can overcome this using
background-size but I understand that this isn't very cross browser
compliant?
Take a look here to see what i mean http://jsfiddle.net/uSqJW/