上述5个配图，分别是IE6、Firefox3、Opera9、Safari3和Chrome浏览器下的不同效果。
应用场景是，图片有链接，HTML片段是：
<a href=”…”><img src=”…” alt=”…” /></a>
img 标签有样式表定义，为了使图片与周围的内容有一些间距，我加入了 margin 定义。
加入之后，在现代浏览器中，会出现上图中显示的蓝色 hover 块与图片不匹配的情况，在这点上，IE6、IE7都能正常显示。
定位问题用了很久，最后发现是 margin 或 padding 的问题。
现在不知道是为什么，只知道解决的办法是去掉这2个样式定义。
如果需要图片有边距，可以在外层套上 p 标签，给 p 标签应用 margin 或 padding 可以达到同样的效果。