Strange scrollbars around the svg background in chrome

Question

I have a problem adding an svg file as a background. Everything seems allright, but in Google Chrome I get strage inactive scrollbars on the right and bottom of svg, not a c

Answer 1

I have also noticed that upon examination of the SVG there may be an overflow value set. However if you remove this value, add enable-background, and make sure the SVG is rounded up or down and does not use a decimal point, it does fix the scroll bar issue in Chrome.

Try replacing:

overflow="scroll" xml:space="preserve">

with

enable-background="new 0 0 1200 581" xml:space="preserve">