title: Background-size workaround for lte IE8?
body: <p>I just realised that IE7/8 <a href="http://caniuse.com/#search=background-size" rel="nofollow">don't support</a> the background-size property.</p>
  
  <p>It's very common for me to use:</p>
  
  <pre><code>.image{
      background-size:100% auto; /* in case browser doesn't support the :cover value. */
      background-size: cover;
  }
  </code></pre>
  
  <p>But what's the way to go when IE 7 or 8?</p>
  
  <p>-EDIT-</p>
  
  <p>I Would like to apply it to multiple images.. something like:</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li class="image" style="background-image:url('path/to/img1');"&gt;&lt;/li&gt;
   &lt;li class="image" style="background-image:url('path/to/img2');"&gt;&lt;/li&gt;
   &lt;li class="image" style="background-image:url('path/to/img3');"&gt;&lt;/li&gt;
   &lt;li class="image" style="background-image:url('path/to/img4');"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>