为什么这种CSS边距顶部样式不起作用？

我尝试在另一个div内的div上添加边距值。除了最高值以外，其他所有方法都可以正常工作，它似乎被忽略了。但为什么？

我的期望：
我对margin的期望是：50px 50px 50px 50px;

我得到的是：
我得到的保证金是：50px 50px 50px 50px;

码：

#outer {
    	width: 500px; 
    	height: 200px; 
    	background: #FFCCCC;
    	margin: 50px auto 0 auto;
    	display: block;
}
#inner {
    	background: #FFCC33;
    	margin: 50px 50px 50px 50px;
    	padding: 10px;
    	display: block;
}

<div id="outer">
  <div id="inner">
  	Hello world!
  </div>
</div>

W3Schools没有解释为什么margin如此行事。