css - 子差分で CSS プロパティが機能しない

Question

親DIVと子DIVを作成しました。子DIVは中央に配置されず、幅も機能しません。また、子DIVにIMGを追加すると、プロパティも機能しません。

元：

HTML:

<div id="parent">
 <div id="child">
  <img id="big" .. />
 </div>

</div>

CSS:

#parent {
  background: #999;
  margin: auto;
  width: 100%;

}

#parent #child {
  width: 80%;
  margin: auto;
  text-align: center;
}

#big {
  display: inline;
  max-width: 100%;
  margin: auto;
}

(HTML5 ボイラープレートhttp://html5boilerplate.com/でテスト サイトを作成し、レスポンシブです)

これを解決するために何時間も費やしましたが、結果はありません:-(