Firefox "trượt" chuyển tiếp di chuột

Question

Trước tiên và đối với hầu hết, tôi muốn nói "Xin chào" với cộng đồng. Tôi là một nhà thiết kế trang web cấp cơ sở mới ra khỏi trường dạy nghề. Hầu hết phong cách của tôi trong CSS tôi đã tự dạy mình nên điều này đã dẫn tôi đến một số vấn đề. Chẳng hạn như bên dưới.

Đây là mẫu thanh điều hướng của tôi mà tôi đang sử dụng cho trang web của mình. Mỗi hộp div được cho là trượt ra vị trí tương ứng của chúng trong hơn 2 giây. Tuy nhiên với mọi trình duyệt ngoài chrome họ nhanh chóng chụp nhanh thay vì chuyển đổi suôn sẻ.

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

Nếu ai có bất cứ cái nhìn sâu sắc xin vui lòng giúp

Answer 1

Hãy thử sử dụng phong cách này thay vì:

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

DEMO

Answer 2

Chào mừng bạn đến Stack Overflow!

Điều này dường như khắc phục. Những gì tôi đã làm là tôi đã thêm top: 0px; and left: 0px; vào mỗi div.

Đây là một cập nhật jsfiddle

Hy vọng điều đó sẽ hữu ích!