Баг даже не самой оперы, а скорее вебкита (FF и IE срабатывают отлично). Если у родительского элемента установить свойство overflow (к примеру, overflow: auto;), то в дочернем элементе перестаёт правильно работать transition. То есть, анимация не срабатывает (на первый взгляд). На самом деле, как мне удалось выяснить за день экспериментов, анимация таки есть, но отображается она только если дочерний элемент находится непосредственно над родительским. В остальном пространстве видны только конечные состояния элемента.

Вот JSfiddle http://jsfiddle.net/a5kwf6te. В моём случае это упрощенное выпадающее меню. Посмотрите, как ведёт себя зелёный блок при наведении на желтый в опере или хроме и как в фаерфоксе или ие 11. Если закомментировать overflow в свойствах .ul1, то всё работает как надо, но мне нужен overflow.

Кстати, в багзилле нагуглил вроде этот же баг ещё за 2012 год, исправленный https://bugzilla.mozilla.org/show_bug.cgi?id=718000.

Если знаете костыли, которыми это можно подпереть, подскажите пожалуйста.