如何实现鼠标滑过<a>背景图片由灰色变黄色，点击跳到链接页面背景图片还是黄色，点击另外一个<a>才重新变成灰色
如题：我用的是母版，

  <div class="header"><ul class="class4">

                        <li class="class4"><a href="Index.aspx" class="首页"><span></span>首页</a></li>

<li class="class4"><a href="toshow.aspx"><span></span>通知通告</a></li></ul></div>

  通过样式 #header ul li a {background: url(Images/btn1.png) no-repeat right top;}  #header li a:hover{background: url(Images/btn__hover.png)}来实现图片更换的
但是index.aspx加载母版页，每次点击的时候把我母版页<a>的效果刷新了 ，熟知的怎么解决这个问题 ……困扰我三天了
------解决方案--------------------
onMouseOver="this.style.backgroundPosition='left -36px'" onMouseOut=   你要体现出来啊

------解决方案--------------------
#header li a.hover{background: url(Images/btn__hover.png)}

<div class="header"><ul class="class4">
                        <li class="class4"><a href="Index.aspx"  class="<%= Request.Url.AbsolutePath.ToLower()=="/index.aspx"?"hover":"" %>"><span></span>首页</a></li>
<li class="class4"><a href="toshow.aspx" class="<%= Request.Url.AbsolutePath.ToLower()=="/toshow.aspx"?"hover":"" %>"><span></span>通知通告</a></li></ul></div>