firefox Ошибка перехода CSS

Question

Я написал несколько CSS, чтобы заставить боковую панель сделать переход слайда со страницы на заметку, когда вы наводите указатель мыши на боковую страницу. CSS прост и включает в себя добавление/удаление класса, который управляет позицией боковой панели left:.

#sidebarInner{ 
    height:100%; 
    width:50px; 
    background-color:blue; 
    position: fixed; 
    -moz-transition: left .2s linear; 
    -webkit-transition: left .2s linear; 
    -o-transition: left .2s linear; 
    transition: left .2s linear; 
    z-index:2; 
} 
.slideLeft { 
    left: -100px; 
} 

Попробуйте следующую демонстрацию на WebKit браузера и Firefox: http://jsfiddle.net/MmFnY/7/

Вы заметите на WebKit, синий цвета ДИВ имеет 0.2s слайд левый переход, но на Firefox нет. Кто-нибудь знает, что случилось с CSS выше?

Answer 1

Для перехода на работу вам необходимо предоставить его по умолчанию по умолчанию. Самый простой способ сделать это, вероятно, чтобы дать ему еще один класс для того, когда он находится внутри, таких как:

.slideRight{ 
    left: 0px; 
} 

http://jsfiddle.net/MmFnY/19/