I'm using Metrostudio to export an icon in SVG format. However attempting to use the exported SVG file does not work correctly when using as a background image in CSS3.
If I use straight-forward formatting as follows:
background-position: 8px 8px;
background-size: 32px 32px;
This has no affect on the size or position of the SVG icon displayed. I tried the same styling with an SVG file from another source and it works correctly.
Please explain if I am doing something incorrectly in terms of the CSS used.