jquery - 将图像对齐到列表中文本的右侧

Question

这是我的代码:

http://jsfiddle.net/JrXV8/4/

#nav ul img {
    display:inline-block;}

我试图在我的顶级“A”的右侧放置一个向下箭头，但它仍然可以单击以向下菜单。执行此操作的正确方法是什么？

1. 它应该是一张图片还是将图片作为背景放置到一个空的 span 中是否正确？
2. 如何让图片位于顶级文本的右侧而不是下方？

Answer 1

我将从 HTML 中删除图像并添加此 CSS 规则:

#nav > li > a {
    background: url('http://upload.wikimedia.org/wikipedia/commons/f/f7/Arrow-down-navmenu.png') 100% 50% no-repeat;
}

jsFiddle example