Firefox "slide"悬停过渡

Question

首先，对于大多数人来说，我想向社区说“你好”。我是刚从职业学校毕业的入门级初级网页设计师。我的大部分 CSS 样式都是我自学的，所以这导致我遇到了一些问题。如下图。

这是我用于网站的导航栏示例。每个 div 框都应该在 2 秒内滑出到它们相应的位置。但是，对于除 chrome 之外的所有浏览器，它们都会快速弹出，而不是平滑过渡。

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

如果有人有任何见解，请帮助

Answer 1

尝试使用这种风格:

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

DEMO