I just realised that IE7/8 don't support the background-size property.
It's very common for me to use:
.image{
background-size:100% auto; /* in case browser doesn't support the :cover value. */
background-size: cover;
}
But what's the way to go when IE 7 or 8?
-EDIT-
I Would like to apply it to multiple images.. something like:
<ul>
<li class="image" style="background-image:url('path/to/img1');"></li>
<li class="image" style="background-image:url('path/to/img2');"></li>
<li class="image" style="background-image:url('path/to/img3');"></li>
<li class="image" style="background-image:url('path/to/img4');"></li>
</ul>