Абсолютная позиция для закругленных углов и проблем в 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 выглядит примерно на 1 пиксель в верхнем углу, по существу не top: 0; and right: 0; but more like top: 1px; right: 1px;

Может кто-нибудь объяснить, почему это можетпроисходит только в IE6?

Answer 1

Единственный способ найти эту работу для IE6 - добавить
margin-top: -1px;
Поля справа: -1px;
к классу topLeft, но, к сожалению, это испортит отображение в других браузерах