Почему margin внутри div воздействует на соседние div'ы?

Question

[keipa_glows]

Несколько дивов расположены в ряд один за другим. В одном из них обернут другой див, который должен быть расположен внутри родительского с отступом сверху. Почему то margin влияет и на соседние дивы, возможно дело в display: inline-block.

Вот jsfiddle.

Answer 1

[Сергей Карвасарный]

.header_layout .first_column {
	display: inline-block;
        vertical-align: top;
	width: 210px;
	height: 100%;
	border: 1px solid #cccccc;
}

Дописыва - vertical-align: top; и будет тебе счастье, да это за display: inline-block;

Answer 2

[iliya Tovstyonok]

vertical-align: top;
для .first_column