CSSでテーブルとボックスをセンタリング出来ない

現在、ホームページを試験的に、試しています。
ページについて、お聞きしたいと思います。

(1)このページの上部にある、「 シルバー背景色のテーブル 」 と、最下部にある、「 ボックス 」 だけ、何故か、センタリング出来ません。

(2)最下部にある「 ボックス 」 の中に、width="780"height="300"のimgを入れてみましたが、CSSで、下記のように、

div#box1{
background-color:#c0c0c0;
border:green 5px inset;
width:780px;
height:300px;
margin:100px ;
padding:0px 0px 0px 0px;
}

と記載したにもかかわらず、ボックス内に収まりそうなIMGが、添付画像のように、何故か下にずれてしまっています。
これをぴったり収めることは、可能なのでしょうか？

詳しい方がいましたら、どこが原因なのか、教えていただきたいと思います。
よろしくお願いいたします。

No.1 ベストアンサー 回答者： BOBZOU 回答日時： 2012/09/21 16:49

対処療法かも知れませんが、

p{color:green;
font-size:18px;
}

に

margin:0px;

を追加で出来ました。

またセンタリングは、

div#box1{
background-color:#c0c0c0;
border:green 5px inset;
width:780px;
height:300px;
margin:100px auto;
padding:0px 0px 0px 0px;
}

で出来ますよ。

こんな回答でいいのかな？

この回答へのお礼

ご回答、ありがとうございます。とても参考になりました。

お礼日時：2012/09/24 09:40