圆角和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 expcept。

在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;
to topLeft类，但不幸的是，这将弄乱在其他浏览器中的显示