CSS转换不在Chrome中工作，但在FF和IE中成功。有任何想法吗？

Question

我的菜单上有CSS制作的箭头，悬停在0.2秒以上旋转90度。这在Firefox和IE10中完美运行，但令人惊讶的是不在Chrome中。任何人都可以看到我没有的东西吗？为了详细说明箭头移动但是从开始点到结束，它没有过渡。

感谢。

/* ----- Menu Arrows ----- */
.Menu a span:after {
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid white;
    position: absolute;
    top: 16px;
    right: 16px;
}
.Menu li:hover span:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}