使用CSS给空元素设置背景图片

空元素<a class="test"></a>

设定css
.test{
  width:12px;
  height:12px;
  background:url("closeIcon.gif") no-repeat left center;
}

IE中显示正常，FF中不显示（border堆在一起了）
添加css定义：
html>body .test{
  padding:0 6px 2px 6px;
}

显示正常。

MD，搞了半宿！！！

备注：使用该方法时page的不能使用dtd声明，否则在IE中不能显示图片！