css - 如何给下拉子菜单延迟滑动效果

Question

我想给出在 CSS3 中快速显示下滑效果的悬停子菜单

这是我的小提琴

http://jsfiddle.net/cancerian73/BSZwP/

CSS

#nav > li:hover > a, #nav > a:hover {
    color: #008f43;
-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
 }

但它不工作