CSS 实现鼠标指向切换背景图片

	<a href="#" class="blue_box" target="_self"><ul class="blue_box" style="margin: 50px 0px 0px 530px;">
		<li><b>页头顶部导航</b></li>
		<li><span>点击量：</span> <span><%=map.get(AreaEnum.YTDBDH.getAreaname()).getHits() %></span>
		</li>
		<li><span>占比：</span> <span><%=map.get(AreaEnum.YTDBDH.getAreaname()).getContentof()%>%</span>
		</li>
		<li><span>较上月同比：</span><span><%=map.get(AreaEnum.YTDBDH.getAreaname()).getH_28r()%>%</span>
		</li>
	</ul></a>

CSS：

ul.blue_box{ padding:0px; margin:0px; list-style:none; background:url(../images/blue_box_01.png) no-repeat top center; width:160px; height:105px; padding:25px 0px 0px 20px; f