проблема с переворотом стрелочки

[BeetleJuice541]

у меня есть картинка стрелки,нужно при наведении на неё курсора,чтобы она повернулась на 180 градусов

вот что я написал

#org:hover{-webkit-transform: rotate(180deg); transform: rotate(180deg); }

 <div id="right" > <div id="org"><p ><img src="img\strlka2.png" style="width:35px; height:35px" onclick="org();"></p></div> </div> 

и когда я навожу на картинку,она переворачивается,но она перемещается в другой конец div  в чем дела?как сделать чтобы она оставалась на прежнем месте?

Edited October 14, 2014 by BeetleJuice541

[Q4Dizzy]

Выложите на http://jsfiddle.net

[Laroxx12]

Присвой этот стиль к изображению, мне кажется что сам div у тебя и повернулся а img нет.

[BeetleJuice541]

Присвой этот стиль к изображению, мне кажется что сам div у тебя и повернулся а img нет.

да не в этом дело,изображене то поворачивается,вот только смещается в конец div а мне нужно чтобы осталось на месте

[SelenIT]

да не в этом дело

В этом-в этом. Перевернулся весь див, занимающий по умолчанию всю доступную ширину контейнера. Попробуйте задать этот же стиль для #org:hover img.

[BeetleJuice541]

 

да не в этом дело

В этом-в этом. Перевернулся весь див, занимающий по умолчанию всю доступную ширину контейнера. Попробуйте задать этот же стиль для #org:hover img.

 

спасибо,все работает,простите что не поверил сразу