title: Basic SVG background image size property
body: <p>I wish i never had to ask this but im confused.</p>
  
  <p>So i have a basic background image on my <code>div</code> and for some reason when i set the <code>background-size: 246px 70px;</code> it does not work, only if i use !important it works.</p>
  
  <pre><code>.footer div.image-logo {
     height: 70px;
     width: 246px;
     background-size: 246px 70px;
     background-position: center;
     background: url(/images/svg/five_Logo.svg) no-repeat;
     margin: 20px auto;
  }
  </code></pre>
  
  <p>Now basically you would think other css is overwriting it, well thats my rookie thought but it is not, when i inscpect the div with the background image, and click the tab "computed" to check the current state of the background-image-size it says <code>background-size:auto;</code>, and when i click on this to see where it gets the property <code>auto</code> it shows <code>246px 70px style.css?ver=1.0.5:2266 .footer div.image-logo</code> which is the css where i set my background size to <code>background-size: 246px 70px;</code>.</p>
  
  <p>I would like to be able to set the background size without using <code>!important</code></p>