Just as an aside Firefox has a bug which means it blurs SVGs that are being displayed at a different background-size than 100% 100% (or equivalent in other units), if the width and height set in the SVG is smaller than the size at which it is displayed as a background image. This happens because Firefox apparently (only for background images) renders the SVG at it's size settings and then scales it for use in the page.

This is the same type of issue as discussed in the example - it's a bug in the browser not a problem with SVGs in general.

See the related bug here: https://bugzilla.mozilla.org/show_bug.cgi?id=600207