Поверните img в панели самонастройки

Question

У меня есть изображение внутри панели самонастройки, я хочу добавить функциональность, когда я могу нажать на кнопку поворота, и изображение будет вращаться. я получил следующее:

.rotate{ 
    -webkit-transform: rotate(90deg); 
     -ms-transform: rotate(90deg); // IE9 only 
      transform: rotate(90deg); 
} 

если я добавить класс к моей IMG он вращается, что 90degs, но он выходит из панели, он перестает следовать ограничениям ширины и высот, просто поворачивается на месте. Есть ли способ сделать это? Я хочу повернуть изображение таким образом, чтобы он все еще находился в границах панели.

EDIT: я получил это: http://jsfiddle.net/jjbjn160/ его перелива на левую сторону панели, я хочу, чтобы вписаться в панель.

Answer 1

настроить стиль панели на переполнение: скрыто.

.panel { 
    overflow: hidden; 
}