How do I make background-size work in IE 8 and below versions?

A bit late, but this could also be useful. There is an IE filter, for IE 5.5+, which you can apply:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

However, this scales the entire image to fit in the allocated area. So if your using a sprite, this may cause issues.

Specification: AlphaImageLoader Filter @microsoft

But this will not allow the links and buttons on the div clickable, for the workaround you need to change the z-index of the div or panel like below:

    

        inhoud link b jkdsf


        vdf


        v


        dfv


        dfs


        v


        dfv


        dsf


        v


        dsf


        v


        inhoud link b jkdsf


        sdf


        v


        dsf


        v


        fdsv


        sdf


        v


        dsf


        v


        fdsv


        fds


        v


        dfsv


        dsf


        vsd


          


    

courtesy: http://stackoverflow.com/questions/2991623/how-do-i-make-background-size-work-in-ie
http://www.sitepoint.com/forums/showthread.php?462588-filter-progid-DXImageTransform-Microsoft-AlphaImageLoader-problem-in-IE6