如何给下拉子菜单一个延迟下滑效果

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;
 }

但它不起作用