title: IE 9 CSS gradient with image in background not working
body: <p>I'm using this code it's working fine in Chrome and Firefox but not in IE9. and according to this page <a href="http://caniuse.com/#feat=multibackgrounds" rel="nofollow">Multiple background</a> and <a href="http://caniuse.com/#feat=background-img-opts" rel="nofollow">background-size</a> is supported in IE9</p>
  
  <pre><code>span.select {
      position: absolute;
      bottom: 0;
      float: left;
      left: 0;
      line-height: 1;
      text-indent: 10px;
      background: #ffffff;
      background: url(../img/color-arrow.png) no-repeat, linear-gradient(top, #ffffff 0%,#a9a9a9 100%);
      cursor: default;
      z-index: 1;
      border: #dadada 1px solid;
      border-radius: 4px;
      background-position: 100% center;
      background-size: 1.5em 0.6em, 100% 100%;
      text-shadow: 0px 1px 1px #fff;
      white-space: nowrap }
  </code></pre>
  
  <p>I'm using Multiple background and Background Resize in it </p>