title: Microsoft filter's sizingMethod='scale' - May it only scales the image horizontally?
body: <p>I was trying to apply a shadow background in a row by using CSS3 property <code>background-size</code> and it worked as excepted in modern browsers accept <strong>IE8 below</strong>. </p>
  
  <p>Then I got a solution for <strong>IE</strong> mentioned in this post <a href="https://stackoverflow.com/questions/2991623/make-background-size-work-in-ie">(<strong>make background-size work in IE?</strong>)</a></p>
  
  <p>The above solution also works in <strong>IE8 below</strong>, but it scales the image proportionally (both horizontally and vertically). </p>
  
  <p><strong>But I need to scale it only horizontally, as I achieved with CSS3 property mentioned below:</strong> </p>
  
  <pre><code>background-size: 100% 25%;
  
  /*
      100% for horizontally
      25% for vertically
  */ 
  </code></pre>
  
  <p><strong>My question:</strong> Is it any value of <code>sizingMethod</code> which scale the image only either horizontally or vertically (or any other work-around <strong><sup>[^ jQuery/Javascript ^]</strong></sup>) to get the required result as I got with CSS3 property <code>background-size</code> for modern browsers?</p>
  
  <p>Here is my code that I've used:</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code> .row-shad {
       background:url(../images/cat-bot-shad.png) center bottom no-repeat;
  
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='http://full-path-to-images/images/cat-bot-shad.png',
      sizingMethod='scale'); /*For IE 8 and less*/
  
      background-size: 100% 25%; /* for good browsers*/
  }
  </code></pre>
  
  <p>--- <strong>Here is the <a href="https://i.imgur.com/kxdOC.png" rel="nofollow noreferrer"><em>live result</em></a>, in good browsers and in IE8, see the difference.</strong> ---</p>
  
  <p>Any help in this regard should really be appreciated.</p>
  
  <p>Thanks! </p>