背景图像和IE问题

Question

我有一个大尺寸的图像，我必须通过CSS缩小。但在IE图像变得扭曲。在IE中，似乎背景大小的属性是错误的。

CSS：

.img{
      height: 33px;
    width: 65px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    float: left;
  background-image:url("http://www.answerplot.com/ap/media/images/croplan_logo.gif");
}

我已经尝试了background-size:100%/cover/contain 工作示例：http://codepen.io/Mishra-Praveen/pen/revjGJ

我厌倦了这个问题尝试了很多css属性，但没有帮助。
没有得到任何解决方案。