side

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

マージンを０に指定することで，それぞれの要素の隙間をなくします。パディングを０にしておくのは，Operaでの初期設定のパディングをなくすためです。（ブラウザによって初期設定が違うので，マージンとパディングは０に設定します。）

main

レイアウトがくずれないようにcontents（div要素）で囲み，幅を設定します。それぞれのボックスにも幅を設定します。

    #contents {width:700px;}
    #side {float:left;
           width:200px;}
    #main {float:right;
           width:500px;}

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