いまさら聞けないサイト製作コミュのサイドバーの余白の色がおかしくなってしまいます

本をみながら勉強しています。
環境winxpsp2 IE6

cssソース
.sidemenu {margin-top:20px; }
htmlソース

<td class="side">
<div class="sidemenu1"><a href="Link.htm">花めぐり</a></div>
<div><a href="Link.htm">緑の風景</a></div>
<div><a href="Link.htm">バラ園</a></div>
<div><a href="Link.htm">コスモス</a></div>
<div><a href="Link.htm">蜂蜜の味</a></div>
<div><a href="Link.htm">ひまわり</a></div>
<div><a href="Link.htm">紫陽花</a></div>
<div><a href="Link.htm">チューリップ</a></div>
<div><a href="Link.htm">お花見</a></div>
<div><a href="Link.htm">パンジー</a></div>

サイドバーのメニューが、ヘッダーのメニューとくっついてい

るため少し離れたレイアウトにしたいです。

sidemenu1とクラス名をつけてそのタグにつけてmargin-topで余白をしてすると余白ができるのですが
sideの色と違う色で余白ができてしまいます。
どうすれば改善するでしょうか？
問題のhtmlファイル
http://www.rupan.net/uploader/download/1155806586762648.vCHWl1
したいイメージのhtml
http://www.rupan.net/uploader/download/1155808147840105.TZdSFy