With an element that needs to be able to expand and contract both vertically and horizontally, 100% 100% is the most suitable value for the background-size property. Unfortunately both Chrome and Firefox have issues displaying SVG's correctly using these values. As can be seen below, Chrome only sets the width at 100% and attempts to preserve the aspect ratio, and Firefox renders the horizontal edges poorly - the top and bottom are quite fuzzy.