I am having problems with IE reducing CSS background image using background: and background-size: attributes, as shown below
.llifLogo {
background: url(images/llifmonotagline.png) no-repeat center;
background-size: 550px;
position: absolute;
top: 60px;
width: 100%;
height: 170px;
}
The site is in the mode http://llif.co.uk . Looks great in other browsers, but IE seems to reduce the image using the closest neighbor, not bicubic. I understand that it was hacked there with help -ms-interpolation-mode: bicubic;, but now it is deprecated.
Anyone have any ideas how to beautifully paint background images in IE?
I also have to add why I want to make a background image, and not just a regular image: it is so that I can use media queries to display another image when the site is in a narrow viewing window, such as a mobile device.
Thanks!