Почему этот CSS-стиль не работает?

Question

Я пытаюсь добавить значения полей в div внутри другого div. Все отлично работает, кроме верхнего значения, кажется, игнорируется. Но почему?

Что я ожидал:

Что я получаю:

Код:

#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 не имеют объяснения, почему маржа ведет себя так.

Answer 1

Вы пробовали! Важно прежде всего, это заставит все:

margin:50px 50px 50px 50px !important;