ie6里的神奇bug，求解答？求讨论？

情况如下（如果我表述的不太清楚，还请仔细查看代码）：
我给一个class为title设置了margin-bottom:6px;
div.title下面的是div.area-main和div.area.sub。

div.area-main和div.area.sub里的div都向下有10px的间距来撑出距离来，神奇的是在ie6里，那个10px会变成16px，为什么呢？
若给div.title加浮动可解决ie6下的bug，或者把div.title的向下6px间距去掉，换成下面div的距上面的距离也行，求解，
详细demo见[url=http:www.bjrl.org/gesang/index.html]http:www.bjrl.org/gesang/index.html[/url]

如果查看感觉麻烦，可下载代码查看地址 [url=http:www.bjrl.org/gesang/gesang.rar]http:www.bjrl.org/gesang/gesang.rar[/url]

例子中的是把子元素向下的10px都去掉的，去掉10px后，ie6里却多了6px的间距，是继承title的，也不应该啊，求解？