一个关于IE10下CSS和Image的问题

CSS内定义的Image格式如下：
.XXX-image-XXX IMG
   width:21px
   height:21px
   margin-right:6px
   margin-bottom:2px

在IE10下显示会出现图标和文字不对齐的问题，同时在图标的外围
会出现一个框。在其他版本的浏览器上是没有这个问题的。
现在如果通过"开发者工具"这个选项修改CSS的内容
比如将width:21px 修改为width:1px回车在修改为
width:21px此时显示就正常,文字和图标不对齐的问题就会消失。
也就是说CSS内定义的代码是正确的只是必须手工修改一下再显示才正常。
开始的时候觉得可能是缓存的问题清了一下,同时在Private模式下也进行了测试。
所以现在可以排除缓存的问题。