CSS3 игнорировать дочерний элемент при анимации

Question

Я пытаюсь масштабировать div, содержащий дочерний div (с фоном css) при наведении. Когда я масштабирую 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/

Answer 1

Я работал вокруг этого, выполнив следующие действия:

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

    </div> 

Тогда, применяя некоторые CSS к .icoback. См. Скрипку для деталей: http://jsfiddle.net/xtW22/2/