Html li元素内的图像不显示

我正在设计一个菜单，以便与一个响应式设计网站配合使用，我想在li元素的右侧浮动一个.gif图像。问题是，在我尝试修改css后，.gif图像不会出现

HTML:

我尝试了不同的方法，但无法显示.gif图像

非常感谢您的帮助

| |[/]？| | | |
 试试这个：

.first_item_drop {border-top:1px solid #A9AFBC; background:url("../images/small_down_arrow.gif") center right / 10px no-repeat;}
.additional_item {border-bottom:1px solid #A9AFBC;}

你能把这个放进JSFIDLE吗？@JoshHarington实际上现在不在电脑旁，我今晚晚些时候可能会这样做。
.first_item_drop {border-top:1px solid #A9AFBC; background:url(../images/small_down_arrow.gif) no-repeat 10px right center;}
.additional_item {border-bottom:1px solid #A9AFBC;}

background: url(../images/small_down_arrow.gif) right center / 10px no-repeat;

.first_item_drop {border-top:1px solid #A9AFBC; background:url("../images/small_down_arrow.gif") center right / 10px no-repeat;}
.additional_item {border-bottom:1px solid #A9AFBC;}