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

Хелло.
Советуют( в надежных источниках) для блочных элементов у которых указан 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 и меньше? В чем вообще соль?
Спасибо за ответ.

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

В Quirks Mode IE использует режим расчета размеров border-box:
А по стандартам content-box:
https://developer.mozilla.org/en/CSS/box-sizing

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

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