次の黒い領域の上に白い「コンテンツ領域」が必要です...
z インデックスとマージンをいじってみましたが、うまくいかないようです。基本的に、黒は白の下にあり、黒の背景の上に白いコンテンツの端が見えます。ありがとうございました。
body{background-color:#999;}.div-main{height:200px;width:400px;z-index:1000;background:#fff;padding:30px 0 30px 0;max-width:1000px;margin:0 auto;}
.footer_filler{background-color:#000; width:100%; height:300px;z-index:-1;}