不知道你有没有遇到过这样的问题：Internet Explorer浏览器下超链接a标签的焦点范围同hover范围错位，表现在超链接a标签的焦点范围偏离应有的热点区。这个问题只发生在IE浏览器身上，包括IE6、7、8；除IE之外的Firefox、Opera、Safari和Chrome等浏览器均不存在这样的问题。不知道如何使用css控制超链接虚线框的范围，对于这个问题我是这样解决的：

• IE下超链接A标签焦点虚线范围错位的表现：

  如上所述，次问题紧紧出现在IE浏览器下，关于具体的表现上面说的可能不够清楚，看下面的截图就会明白是怎么回事了，注意看鼠标下面虚线的范围：

  
  在ie下超链接a焦点虚线框比应有的范围缩小了

  
  这个是我在国内Google爱好者谷奥网站底部截取的图片，这张图对问题的说明的可能更直接和清楚，有兴趣可以去看一下

• 解决方法：

  关于这个a标签焦点虚线框的范围问题困扰我好长时间了，昨天在无意间竟然发现解决这个问题的方法竟是如此的简单，只要在对应的css标签中加上float熟悉就可以解决了，但是float后面的参数只能是left或right，即：

  float:left;
  或
  float:right;

  下图是修正后的效果也是正常情况下应该出现的效果，我不知道这个是不是正确的方法，但是通过这个方法问题被解决了…
  

• 写在最后：

  我不知道是何原因致使IE下超链接A标签焦点虚线范围错位，或许是css写的有问题，还是其它地方有冲突…我是在制作Wordpress主题时发现这个情况的，如果你也正在使用Wordpress分页插件：Wp-PageNavi并且出现了同样的问题，那么你只需要将“pagenavi-css.css”文件中的“.wp-pagenavi a”、“.wp-pagenavi span.extend”、“.wp-pagenavi span.current”和“.wp-pagenavi span.pages”加上“float:left;”属性就可以解决问题了。
  如果谁知道造成问题的真正原因或有更好的解决办法请不吝指教，谢谢！