Firefox "slajd" hover transitions

Question

Po pierwsze i dla większości chciałbym powiedzieć "Witaj" społeczności. Jestem młodszym projektantem stron internetowych na poziomie podstawowym ze szkoły zawodowej. Większość mojej stylizacji w CSS nauczyłem się, więc to doprowadziło mnie do pewnych problemów. Takich jak ten poniżej.

To jest przykład mojego paska nawigacyjnego, którego używam do mojej witryny. Każdy z bloków div powinien wysunąć się do odpowiadających im pozycji przez 2 sekundy. Jednak w przypadku każdej przeglądarki, poza chromem, szybko się wyskakują, zamiast płynnego przejścia.

http://jsfiddle.net/kwh71787/cxBxL/

Jeśli ktoś ma żadnego wglądu pomóż

Answer 1

Spróbuj użyć tego stylu zamiast:

#navbuttons div { 
    position: absolute; 
    left: 0px; 
} 

DEMO

Answer 2

Witamy na przepełnienie stosu!

To wydaje się to naprawić. To, co zrobiłem, to dodałem top: 0px; and left: 0px; do każdego elementu div.

Oto zaktualizowaną jsfiddle

nadzieję, że pomoże!