Css3 Ignore Child Element When Animating

I am trying to scale a div containing a child div (with css background image) on hover. When I scale the div, the child div is also scaled. How can I get the child div to not inher

Solution 1:

I worked around this by doing the following:

<divclass="icon-wrap icon-effect"><ahref="#"><divclass="icoback"><divclass="icon"></div><divclass="arrow-down"></div></div></a></div>

Then applying some css to .icoback. See the fiddle for details: http://jsfiddle.net/xtW22/2/