Неполадки с анимацией CSS3

[Sherminator]

Что то я не могу понять, почему не срабатывает анимация, помогите разобраться...

Код тут http://jsfiddle.net/VPR3E/

Пояснение. При наведении на картинку сразу появляется перевернутый блок на 180*. Хотя в css прописал анимирование вроде правильно, но оно не срабатывает.

Возможно причина в неправильном добавлении класса .show_info. Точно не знаю.

P.S. Тут http://jsfiddle.net/VPR3E/1/ добавил в конец квадрат по тому же принципу, в котором все работает.

Так что я сделал не так?

[WorM32]

display: none у .wrap уберите.

[Sherminator]

display: none у .wrap уберите.

http://jsfiddle.net/VPR3E/2/

Убрал, ничего не поменялось.

[WorM32]

http://jsfiddle.net/VPR3E/2/

Убрал, ничего не поменялось.

Плохо убрал значит. Вот теперь убрал.

[Sherminator]

Плохо убрал значит. Вот теперь убрал.

Ааа, все разобрался. Не туда смотрел Огромное спасибо !!