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:

    <div class="icon-wrap icon-effect"> <a href="#">
                                            <div class="icoback">
                                            <div class="icon">
                                            </div>
                                                <div class="arrow-down"></div>
                                            </div>
                                        </a>

    </div>

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