html - CSS3はアニメーション時に子要素を無視します

Question

ホバー時に子 div (CSS 背景画像付き) を含む div をスケーリングしようとしています。div をスケーリングすると、子 div もスケーリングされます。子 div が親のアニメーションを継承しないようにするにはどうすればよいですか? ここで私の構造とフィドルを参照してください：

<div style="background:#000;">
    <div class="icon-wrap icon-effect">
       <a href="#">
          <div class="icon">
              <div class="arrow-down"></div>
          </div>
       </a>
    </div>
</div>

http://jsfiddle.net/B8bGE/