ヘッダー、フッターを横幅いっぱいに広げたい。

いつもお世話になっております。

ヘッダー、フッターを横幅をいっぱいに広げようと思い、
こちらのサイトを参考に、

html

<!--ヘッダーを幅いっぱいにする為のボックス -->
<div id="headerbg">
<!--ヘッダー -->
<div id="header">
ここに内容を書き込む
</div>
<!--ヘッダー終わり -->
</div>
<!--ヘッダーを幅いっぱいにする為のボックス終わり -->

css

#headerbg {
background-image: url(画像ファイルのurl);
width:100%;
min-width:1000px;
}
/* ヘッダー*/
#header       {
width: 940px;
margin-right: auto;
margin-left: auto;
}

をやってみたのですが、左右上下10pxほど白のままになってしまい、画面いっぱいに広がりません。

他のcssが関係しているのかと思い、いったんcssを全部削除して、再度上記のものだけをかいてみたのですが結果は変わらず。

次にこちらのサイトを参考に、

css

html {overflow: auto;}
body {overflow: hidden;}

#example {
    margin-left: -500%;
    margin-right: -500%;
    padding-left: 500%;
    padding-right: 500%;
}

も試してみたのですが変わらず。先ほどと同じく、css全部削除して上記のものだけで試したのですが、やはりかわりませんでした。

テーマはオリジナルのものを使っています。safariとfirefoxで見ています。
こちらが制作中のサイトです。

何か考えられる原因があったら教えて下さい。よろしくお願いします。