css - WordPress 菜单中的图像分隔符

Question

这就是我想要实现的目标：

我尝试了什么：

.nav li a:before {
content: url(../../images/separator.png);
line-height:87px;
}
.nav li:first-child a:before {content:'';}

但是现在分隔符当然是链接的一部分，只有第一个菜单项与图像垂直居中。其余菜单项与图像底部对齐。

我还尝试使用分隔符图像作为背景来列出项目，但无法让它看起来正确。