はまった・・・

MTのCSSを少し気分転換に触っていたのだけど、なんか良く分からない現象がwin/ie6.02で発生

<div class="sidetitle"><a href="https://img8.com/log/tag/%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa/" class="st_tag internal_tag " rel="tag" title="カテゴリ タグの付いた投稿">カテゴリ</a>ィ</div>
<div class="side">
<a href="hogehoge"><a href="https://img8.com/log/tag/%e3%83%97%e3%83%ad%e3%83%ac%e3%82%b9/" class="st_tag internal_tag " rel="tag" title="プロレス タグの付いた投稿">プロレス</a></a> (1)<br />
</div>
<div class="sidetitle">
最近のコメント
</div>
<div class="side">
<ul>
<li><a href="hogehoge">カテゴリリスト</a><br />
└ yuu <a href="hogehoge">2003.09.17</a><br />
└ +39 <a href="hogehoge">2003.09.17</a><br />
</li>
</ul>
</div>
<div class="sidetitle">
アーカイヴ
</div>
<div class="side">
<a href="hogehoge">2003&#24180;09&#26376;</a><br />
</div>

としてそれぞれのスタイルを

ul{
margin:0px;
list-style-type:none;
}
.side {
color:#333;
<a href="https://img8.com/log/tag/font/" class="st_tag internal_tag " rel="tag" title="Font タグの付いた投稿">font</a>-size:75%;
font-weight:normal;
background:#fffefe;
line-height:140%;
padding:10px;
border-style:none none none solid;
border-width:7px;
border-color:#999;
}
.sidetitle {
color:#666600;
font-size:small;
font-weight:normal;
padding:10px;
padding-bottom:0px;
margin-top:10px;
letter-spacing: .3em;
background:#fffefe;
text-transform:uppercase;
border-style: none none none solid;
border-width:7px;
border-color:#333;
}

とかにすると「最近のコメント」以下のサイドメニューのマージンが食い込んでしまう。問題は恐らく”ul”,”li”のあたりにあるのだろうけど、いまいち理由が良く分からない・・。操作続行中・・・
っちゅうかちょこちょこやるから不具合が多発中・・ｗ

キャプチャアプしました。

サンプルはこちらです