在菜单中显示箭头

Question

我正在使用此css代码在菜单中显示箭头图标。但是我无法显示所有ul的箭头。任何人都可以更正代码吗？

ul.pureCssMenu span {
    display: block;
    background-image: url('/Images/arr_white.gif');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px;
}

ul.pureCssMenu li:hover > a > span {
    background-image: url('/Images/arrv_white.gif');
}

ul.pureCssMenu a:hover span {
    background-image: url('/Images/arrv_white.gif');
}

ul.pureCssMenu ul span, ul.pureCssMenu a:hover table span {
    background-image: url('/Images/arr_white.gif');
}

arr_white是水平图片。

arrv_white是一张垂直图片。

无论如何我能做到这一点吗？