совсем уже запутался с тонкостями

[micscr]

Хелло.
Советуют( в надежных источниках) для блочных элементов у которых указан width не указывать им padding, т.к. в IE width учитывает padding и будет не та общая ширина как запланировал. Причем это при "нестандартном" режиме и если уж надо то имеются хаки для подмены width.
Тестю в IE6 вроде все нормально (и в режиме без DOCTYPE тоже)

div.cl1 {
  width:100px;
  background:red;
  border:10px solid yellow;
  padding:20px;
  margin:20px;
 
}

160 в сумме везде выходит.
Может это для IE5.5 и меньше? В чем вообще соль?
Спасибо за ответ.

[Octane]

IE < 6 еще не знали ни о каких Standards Compliance Mode, работали, как придется, более новые браузеры стали стараться следовать стандартам, а для обратной совместимости со старыми сайтам, у которых не указан DOCTYPE, был введен Quirks Mode.

В Quirks Mode IE использует режим расчета размеров border-box:

The width and height properties include the padding and border, but not the margin. This is the box model used by Internet Explorer when the document is not in standards-compliant mode.

А по стандартам content-box:

This is the default style as specified by the CSS standard. The width and height properties are measured including only the content, but not the border, margin, or padding.

https://developer.mozilla.org/en/CSS/box-sizing

[micscr]

Спасибо. Получается только в IE<6 проблемы. А их уже особо можно и не учитывать на данный момент, да?

[Octane]

Если присутствует DTD, то да, только в IE < 6 такой расчет ширины и высоты, хотя щас еще модно на всяких ITшных блогах делать HTML5-верстку, от DTD которой много браузеров в Quirks Mode уходят, и начинаются приключения.