圓角和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類，但不幸的是，這將弄亂在其他瀏覽器中的顯示