я естьdiv что я трансформирую (масштабирую и перевожу), но внутриdiv у меня есть другойdiv, Теперь я хотел бы видеть, что внутреннийdiv другими словами, это не влияет на преобразование его родителя. Я хотел бы для внутреннегоdiv не масштабироваться, как его родитель.

Вот 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>

Вот мой 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)
}

Так что проблема в том, когда я масштабирую#rightsection,img масштабируется до, но я хотел бы сохранить изображение в его исходном размере.

Любая помощь приветствуется.