CS>>CS>>collapsing margins means that adjoining margins (no non-empty content, padding or border areas or clearance separate them) of two or more boxes (which may be next to one another or nested) combine to form a single margin.
D>А можешь разжевать, как это работает в случае топикстартера? У него ж получается наоборот — суммарная высота увеличивается, а не уменьшается. Да и где там margin во внешнем div?
Я особо не вчитывался пока, но думаю, что объяснение проиллюстрированно вот здесь:
8.2 Example of margins, padding, and borders.
Там немного другой пример, но есть "формула" (: -- collapsed margin is max(12px, 12px) = 12px.
