Как отключить transition для отдельного элемента?

Для основного контейнера <div class="site-content">
Указано свойство .site-content { transition: all .3s ease-in-out; }

Как отключить transition для вложенного блока <div class="menu">?
.menu { transition: none; } не помогает.

Нашел пример в котором меняют height: jsfiddle.net/2uVAA/35
Но не получается применить для моей ситуации — мне нужно менять left приposition: absolute;