要素: html > body > div#header > div#header-contents
  幅: auto > 100% >       100% >              1030px

要素:  html >  body > div#header > div#header-contents
  幅: 500px > 500px >      500px >              1030px

/* 内容にフィットした幅を求めさせる */
body {
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content; /* IEはまだサポートしていません */
}

/* あるいは、置換インライン要素と同じ手順で幅を求めさせる */
body {
    width: auto;
    display: table;
}

/* あるいは、手抜き1 */
body { width: 1030px; }

/* あるいは、手抜き2 */
#header { width: 1040px; }