Мне известны два адекватных способа его решения. Первый – самый логический это не использовать марджин у плавающих блоков, но это крайность. Второй адекватно действующий – присвоить блоку с margin свойство – display:inline. После этого проблема с отступом исчезнет.

Можно пойти еще дальше и использовать условные комментарии (подробней об условных комментариях можно прочитать в заметке – Условные комментарии для IE), или хаки (подробней о хаках можно прочитать в заметке Хаки – краткий путь к кроссбраузерности?) для того чтоб это присвоение было воспринято только в IE6.

Например, селектор * html #someName будет воспринят только IE6. Все остальные браузеры его проигнорируют. Несмотря на мнимую простоту в использовании, хаки имеют ряд недостатков. Главный недостаток состоит в том, что хаки в большей степени основаны на ошибках, или неточностях интерпретации, по этому, есть вероятность того, что с выходом новой версии браузера старые хаки будут исправлены. Посему процесс поиска хаков является бесконечным. Другим немаловажным недостатком является то, что большинство хаков не проходят валидацию.

Целью этой заметки было собрать работающие хаки. На момент написания статьи хаки проверялись в таких браузерах:Opera 9.52, Firefox 3.0.1, IE6,7,8.beta1, Safari 3.1.2,Google Chrome 0.2.149.

Для того чтоб использовать на одном компьютере несколько версий браузера Internet Explorer необходимо установить IETester или Multiple IE. Подробней можно прочитать в заметке «Джентльменский набор верстальщика«

Синтаксис хаков

/* Хак только для IE6 */
* html .ie6 {
color:red;
}

/* Хак только для IE6 */
.ie6a {
_color:yellow;
}

/* Хак только для IE6,7 */
.ie6_7 {
//color:yellow;
}

/* Хак только для IE7,8.beta 1 */
* + html .ie7 {
color:green;
}

/* Хак только для IE7,8.beta 1 */
*:first-child+html .ie7a {
color:#0000CC;
}

/* Хак только для IE7,6 */
.ie7b {
#color:#00FF00;
}

/* Хак только для IE7,FireFox */
.ie7ff, x:-moz-any-link {
color:#00FFFF;
}

/* Хак только для IE7,FireFox */
 html:not([lang*=""]):not(:only-child) .ffSafariChrome {
color:#990000;
}

/* Хак только для Safari,Opera,Google Chrome*/
@media all and (min-width: 0) {
.safariOperaChrome {
color:#FF00FF;
}}

/* Хак только для Safari,FireFox,Google Chrome */
html:root .ffSafariChrome {
color:#660066;
}

/* Хак только для Safari,Opera,Google Chrome */
body:first-of-type .operaChromeSafari {
color:orange;
}

Реализация хаков

Резюме

Как видно из примера, хаки это довольно сомнительный способ получения кроссбраузерности. Фактически пока есть только хаки под Internet Explorer 6, которые работают только в этом браузере. С моей точки зрения единственным эффективным инструментом для отделения одного браузера является условный комментарий. Подробней об условных комментариях можно прочитать в заметке «Условные комментарии для IE«

Для того чтоб иметь возможность просмотреть страницу на одном компьютере в разных версиях браузера Internet Explorer необходимо установить IETester или Multiple IE о которых рассказывается в заметке «Джентльменский набор верстальщика«

Синтаксис условных комментариев:

<!--[if  "условие"]> HTML <![endif]-->

Условие это логическое выражение, которое формируется при помощи специальных управляющих переменных.

Примеры условных комментариев:

<!--[if  IE]>
       <h1>Этот текст выведется во всех браузерах </h1>
<![endif]-->
<!--[if  IE 6]>
       <h1>Этот текст выведется  только в IE6 </h1>
<![endif]-->
<!--[if gt IE 5]>
       <h1>
       Этот текст выведется браузерах версии высшее 5
      </h1>
<![endif]-->

Постфактум

Условные комментарии также могут быть записаны вот таким образом:

<![if "условие"]> HTML <![endif]>

Хоть эта конструкция и будет восприниматься условным комментарием для Internet Explorer, она не проходит валидацию и отображается другими браузерами, так как они расценивают это как синтаксически неправильный тег. Воспользовавшись этой конструкцией и логическим выражениями можно написать конструкцию, которая будет воспринята всеми браузерами кроме Internet Explorer.

<!--[if IE]><![if !IE]><![endif]-->
    <h1>Этот текст выведется любым браузером кроме IE</h1>
<!--[if IE]><![endif]><![endif]-->

Реализация условных комментариев