Javascript 悬停列表项时更改div的背景图像

这是我的html：

尝试：

---

@疯狂的设计，太棒了。很高兴我能帮忙！

<li><a href=""><div class="arrow"></div>List Item</a></li>

.arrow {
background: transparent url('../images/arrow.png') center center no-repeat;
width:16px;
height:16px;
float: left;
padding:0;
margin-right:1em;
}

.arrow:hover {
background: transparent url('../images/arrow_hover.png') center center no-repeat;
}

li:hover .arrow {
    background: transparent url('../favicon.png') center center no-repeat;
}