Распорка в IE6

[my-name-is-Max]

Код:

<style>

  #left {
	float: left;
	width: 300px;
	height: 512px;
	background: transparent url('images/ear.png') no-repeat left top;
  }

  #right {
	margin-left: 300px;
	height: 512px;
	background: #FFFFFF;
  }

</style>

<div>

  </div id="left">
  </div>

  <div id="right">
  </div>

</div>

Суть проблемы: в IE6 между этими двумя div'ами идет распорка в 2-3 пиксела. Уже не в первый раз с этой проблемой встречаюсь, не могу понять, в чем дело.

Параметры border, padding, margin у всех div'ов проставлены в 0.

Хотелось бы понять, в чем ошибка, а не применять кривые методы исправления.

Заранее спасибо за ответ.

[3ABAPKA]

Возможно здесь ты найдешь ответ

http://forum.htmlbook.ru/index.php?showtopic=8633