css即悬停“跳跃”

Question

我的图标菜单如下：

HTML：

<td class="icon"><a href="#"><img src="icon.png" /><br/>belowIconText</a></td>

CSS：

.icon { background: none; }
.iconHover{ background: url(images/icon.png); }

jQuery的：

$(".icon").mouseover(function(){ $(this).addClass("iconHover"); });
$(".icon").mouseout(function(){ $(this).removeClass("iconHover"); });

仅在IE中我有一个背景“跳”。通过“跳转”，我不是指位置问题，但我的意思是在<td>标签中我有一个正常工作的后台切换，在离开<td>并在其中输入<img>时，我看到了IE隐藏背景（检测.icon mouseout），然后再次显示它（检测.icon mouseover）。有没有办法解决这个问题？

提前致谢！