У меня очень странная проблема в IE6. Если я установил контейнер div, сделайте ширину 987px, это добавляет расстояние между контейнером и элементом с абсолютным позиционированием внутри. Любая другая ширина работает нормально, это просто 987. Что-то я не вижу?
Код для воспроизведения:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>IE6 Issue</title>
<style type="text/css">
body { background-color: #000; }
#c1 { width: 987px; background-color: #fff; }
#c2 { border: #f00 1px solid; zoom: 1; position: relative; }
#tl, #tr { background-color: #000; font-size: 0; line-height: 0; position: absolute; top: 0px; left: 0px; width: 4px; height: 6px; }
#tr { left: auto; right: 0; }
</style>
</head>
<body>
<div id="c1"><div id="c2"><div id="tl"></div><div id="tr"></div>a</div>
</div>
</body>
Это безумие.