html - Firefox上用于网站Navbar的CSS Transition的特殊案例

我的网站地址http://applocity.blogspot.com/
我有一个导航栏（#cssmenu，如果你想在源代码中找到它），出于某种奇怪的原因，出现了这种情况：我做了它，所以链接在悬停时会改变颜色，这很好。但我想添加一个过渡，以便背景颜色通过淡入淡出来改变颜色。这在Chrome上运行得很好，但它只在Firefox上的子链接（例如，在设备和类别下）上运行。我不知道为什么会这样。

#cssmenu a {

background: #999999;
color: #FFF;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
padding: 0px 25px;

//border-radius: 5px; (NOT ACTIVE)
}

    #cssmenu ul li:hover > a {

background: #66FF99;
  color: #000000;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-ms-transition:background 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}

（该站点的源代码中有更多内容--CTRL+F#cssmenu）
到目前为止我所做的：
将背景色替换为背景色
使用-moz转换…当然
重新排序并将转换属性放在CSS代码中的位置（例如，在cssmenu和cssmenu:hover下）。

最佳答案

我想出来了。这是我的解决方案的链接。http://jsfiddle.net/mrytF/2/
问题来自59-61号线。你有这个密码：

.cssmenu a {
  -moz-transition: background 1s ease;
}

当.cssmenu不存在时。所以我把这段代码注释掉了，现在在firefox中运行良好。我还评论了一些我认为多余的CSS
希望这有帮助
编辑
修正了没有显示子菜单的问题。这里的主要问题是当第22行需要#cssmenu ul li.hover时，它是#cssmenu ul li:hover行。
这是小提琴
http://jsfiddle.net/mrytF/3/