web页面-browser兼容问题

1：空的a标签在IE7/8下不能点击（2015-05-22）

html代码：

<ul class=‘oUl‘>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
</ul>

CSS样式：.oUl li a{width:60px;height:60px;display:block;cursor:pointer;}

问题描述：在ie8和ie7下，鼠标悬浮在<a>上时没有任何反应，也没有<a>的手型图案，更不能点击。

解决方案：给a标签随便添加背景色或者背景图片，然后将a标签的透明度设置为0，在IE中使用滤镜的方法让背景色不显示！

.oUl li a{width:60px;height:60px;display:block;cursor:pointer;background:#fff; opacity:0;filter:alpha(opacity=0);}