Html CSS转换不'；我不能在Firefox中工作

我尝试了很多，已经在谷歌上搜索过了，但我没有找到解决问题的方法：

我制作了一个JSFIDLE，让您查看我的源代码：

一切正常。但是这种转换在Firefox中不起作用

这是我的源代码，因为如果我想使用JSFIDLE，我也必须发布它

<nav>
        <ul>
            <li><a href="#" class="active">Startseite</a></li>
            <li><a href="#">Projekte</a>
                <ul>
                    <li><a href="#">Java / Bukkit</a></li>
                    <li><a href="#">Webdesign</a></li>
                    <li><a href="#">PHP | MySQL</a></li>
                </ul>
            </li>
            <li><a href="#">Kontakt</a></li>
            <li><a href="#">Über mich</a></li>
        </ul>
        <div class="clear"></div>
    </nav>

---

看起来从容器中删除

溢出：隐藏的
会突然使转换工作。这让我相信这是Firefox中的“优化”，它不计算“隐藏”元素

就我个人而言，我用它产生了类似的效果：与其隐藏元素，不如给它
transform:scaleY（0）正常，和
转换：scaleY（1）悬停。
我使用的是Firefox，transition可以与您的示例一起正常工作。Lol。这怎么可能。。。我检查是否必须更新我的FF…不，这不是问题：/我使用28.0版FF的最新版本：/Maybe。我只是说了我所拥有的。看这个：。选择mp4以获得更暗的图像。删除覆盖流将显示ul-->不好。我会试试你的方法！我试过你的方法，但我不确定我是否用了正确的方法。请编辑JSFIDLE并将编辑后的版本发送给我好吗？
nav{
        background: #333;
        color: #fff;
        padding: 5px;   
    }

nav ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

nav ul li{
    float:left; 
}

nav ul li a{ 
    color: #fff;
    background: #585858;
    padding: 10px;
    margin-right: 5px;
    display: block;
    text-decoration: none;
    border: 1px solid white;
}

nav ul li a.active{
    background: #373737;
}

nav ul li a:hover{
    color: #333;
    background: #fff;
    border: 1px solid black;    
}

nav ul li ul{
    position: absolute;
    height: 0px;
    overflow: hidden;   
}

nav ul li ul li{
    float: none;
}

nav ul li:hover ul{
    overflow: visible;  
}

nav ul li:hover ul li a{
    padding: 10px;  
}

nav ul li ul li a{
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;               
    padding: 0px 10px;
}