对于圆角和IE6中的问题，请求绝对位置

Question

我使用绝对位置给DIV一个圆角的左上角。

HTML：

<div id="MyDiv">
 Some content
  <div class="topLeft">&nbsp</div>
</div>

CSS：

#MyDiv {
 position: relative;
 padding: 12px;
 background: #fff url('graident.png') repeat-x top left;
}

.topLeft {
 position: absolute;
 top: 0;
 right: 0;
 width: 10px;
 height: 10px;
 background: transparent url('corner.png') no-repeat top right;
}

这在所有浏览器中都可以正常使用IE6。

在IE6中，corner.png图像似乎在顶角约1px，基本上不是top: 0; and right: 0; but more like top: 1px; right: 1px;

任何人都可以解释为什么这可能只发生在IE6中吗？

Answer 1

我能找到让IE6工作的唯一方法是添加
margin-top：-1px;
margin-right：-1px;
到topLeft类，但不幸的是，这将搞乱其他浏览器中的显示