带动画的上滑菜单

Question

我做了这个：

<div class="example">
    <div class="menuholder">
        <ul class="menu slide">
            <li>
                <a href="#" class="Burgergemeinde">
                    Burger-gemeinde
                    <div class="rojo"></div>
                </a>
            </li>
            <li>
                <a href="#" class="Seniorenwohnungen">
                    Senioren-wohnungen
                    <div class="naranja"></div>
                </a>
            </li>
            <li>
                <a href="#" class="Burgerheim">
                    Burgerheim
                    <div class="amarillo"></div>
                </a>
            </li>
            <li>
                <a href="#" class="Schüür">
                    Schüür
                    <div class="violeta"></div>
                </a>
            </li>
            <li>
                <a href="#" class="Forst">
                    Forst
                    <div class="verde"></div>
                </a>
            </li>
        </ul>
    </div>
</div>

http://jsfiddle.net/qQ39J/1/CSS代码在里面

我的问题是：为什么在Safari中可以使用，但在Firefox中不能使用？有人可以帮忙吗？也许我没有正确编写代码。这太难了。

Answer 1

这是在Firefox中工作的JS小提琴演示。