关于移动到A标签换背景图片的问题

Question

#installApplication
{
    width:167px;height:33px;display:block;line-height:33px;text-align:center;
    background: url(<%= ViewData["ContentServerUrl"] %>/images/nav_button167.png) no-repeat; 
}
我用这种方式给A标签加了一个背景图片，如果我现在想要鼠标移动到这个A标签上来的时候把图片给换了怎么做啊？
我知道A标签有一个onmouseover事件，可以在这个时间里面写一段换图片的JS，可我不知道这段JS怎么写...
哪位高手能帮帮忙啊

Answer 1

是a标签吗？那还用js干么呢，定义好样式就可以了
a:hover就是鼠标经过时的样式伪类

Answer 2

问题是我的A标签是在div的li里面的 li也有一个ID
<div>
<ul>
<li id="installApplication"><a id="a">click</a></li>
</ul>
</div>
是这种的，上面我问的那个问题是这个DIV里面的li的样式

Answer 3

#installApplication a:hover{background:************};

Answer 4

换成class形式
之前的ID 换成.installApp
假设为.ahover，用
a{
document.getElementById("installApplication").className="installApp"}a:hover{
   document.getElementById("installApplication").className="ahover"
}