IE6 и margin - непонятная работа

[extruder]

Всех приветствую.

Возникла непонятная ситуация.

Имею сверстанный лэйаут, отлаженный во всех броузерах. Кроме IE6.

В ходе отладки под IE6 выявилось следующее.

Имеется div, у которого float: left;

Есть настройки margin: 30px 10px 30px 14px;

Так вот, во всех броузерах, в том числе и в IE7, он имеет отступ слева 14px, а в IE6 - почему-то 28px. Попытка играть со значением выявила то, что в IE6 это значение просто умножается на 2. Если убрать float, то все нормально, такой эффект не наблюдается.

Много читал про особенности поведения IE в разных ситуациях, но вот такого никогда не видел.

Кто может подсказать, в чем это связано, и как это решить?

Спасибо.

Edited December 13, 2008 by extruder

[kalyaka-malyaka]

может, это и неправильно, но я это решаю css-хаками, прописывая для ie6 отдельные стили

.classname {
	margin: 10px;
}
* html .classname { /* "* html " - класс с этой припиской поймет только ie6, остальные браузеры проигнорируют */
	margin-left: 5px;
	margin-right: 5px;
}

/* или, если раскладка позволяет */
.classname2 {
	margin: 10px;
}
* html .classname2 {
	padding: 10px;
	margin: 0px;
}

Edited December 13, 2008 by kalyaka-malyaka

[Vlad]

В случае IE6 логика отказывает работать, поэтому такое поведение называется одним словом - баги. Указанный баг описывается следующими словами.

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

[mini]

известный баг ие6, если у бокса есть float, и в ту же сторону маргин то он его удваивает, нужно поcтавить этому блоку display:inline;

[extruder]

Спасибо, коллеги!

"display: inline" - все исправил.