Трехпиксельный баг Internet Explorer

Верстая макет для сайта, столкнулся с тем, что после слоя с float: left появился отступ в три пикселя. Много слышал и часто встречал статьи про трёхпиксельный баг Internet Explorer, но столкнулся с ним впервые.

Выглядело это следующим образом:

unesco-bug

Чтобы исправить ситуацию поступил следующим образом:

HTML:


<div class="left">Левая колонка</div>
<div class="right">Правая колонка</div>

CSS:


.left {
width: 300px;
float: left;
margin-right: -300px; /* fix */
}
.right {
....
}

Результат:

unesco-fix

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>