Eu tenho umdiv que estou transformando (dimensione e traduza), mas por dentrodiv eu tenho outrodiv. Agora eu gostaria de ver que o @ interdiv não é afetado pela transformação de seu pai, em outras palavras. Eu gostaria para o interiordiv para não escalar como seus pai

Aqui está o html:

<div id="rightsection">
    <div class="top"></div>
    <div class="middle">
          <div class="large">
            <img src="assets/images/rightpanel_expanded.png" alt="map" title="map"/>
          </div>
    </div>
    <div class="bottom">
        <p>Check if your friends are going!</p>
    </div>
</div>

Aqui está o meu css:

#rightsection:hover {
    -moz-transform:scale(2.16,2.8) translate(-80px,-53px);
    -webkit-transform:scale(2.16,2.8) translate(-80px,-53px);
    -o-transform:scale(2.16,2.8) translate(-80px,-53px);
    -ms-transform:scale(2.16,2.8) translate(-80px,-53px);
    transform:scale(2.16,2.8) translate(-80px,-53px)
}

Então o problema é que, quando eu dimensiono#rightsection, aimg é redimensionado, mas eu gostaria de manter a imagem no tamanho origina

Qualquer ajuda é apreciada.