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见http:www.bjrl.org/gesang/index.html



求解啊，求高手

看了下你的代码，我发现你的向下的10px都是通过div.area-main和div.area.sub的子标签实现的，他们本身都没定义margin-bottom，我猜测可能是在ie6里他们继承他们的父元素title，margin-bottom:6px，然后相加得到了16px。