side

body {margin:0;
      padding:0;
      text-align:center;
      font-size:14px;}

WinIE5.5以前では，[margin:0 auto]の中央寄せに対応していない。text-align:centerを書き加えることで，ブロック要素をセンタリングしている。（実はこれはバグ。バグを逆に使ってセンタリングしているということ）

main

ボックス全体をcontainer（div要素）で囲み，margin:0 auto　で，中央に配置している。bodyにtext-align:centerを指定したままでは，中のテキストまでがセンタリングされてしまうので，text-align:leftで左寄せにしている。

    #container {margin:0 auto;
                width:700px;
                text-align:left;}

p要素のマージンを０にしておくことで，上下のボックスの間に余白ができる（Firefoxで表示したとき）のを防ぎます。