【CSS】背景のアニメーション

とある要素にhoverしたとき、背景画像をちょっと大きくしたいなと思ったので

a {
  background-size: auto 100%;
  transition: 0.3s;
}
a:hover {
  background-size: auto 110%;
}

(ベンダープレフィックス、その他の要素は省略)

としてたのですがががが。。。
IE11が動かないorz

ほかのCSSアニメーションは何の違和感もなく動いているのに、background-sizeだけは反応してくれない
スムーズな動きは全くなく、transitionなんて無かったかのようにカクカク動きやがる
IEなんて無くなればい(ry

さてどうしたもんか
ここでjsを使うのもなぁ、、、ということで
scaleで対処することにしました

a img {
  transform : scale(1);
  transition: 0.3s;
}
a:hover img {
  transform : scale(1.1);
}

これでIE11でも問題なく動いてくれましたとさまる