请问一下，这个是不是FF的盒模型解析错误？

代码如下：

/*初始化*/
*{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/*符合标准的假想 margin 区域*/
#cc{
	background: #C0C0C0;
	width: 360px;
	height: 160px;
}
/*实际盒模型*/
#center2{
	background: #9ACD32;
	border: 10px solid #FFE4E1;
	margin: 10px;
	padding: 10px;
	width: 300px;
	height: 100px;
}

<div id="cc">
<div id="center2">gggg</div>
</div>

这样的代码在IE中显示很正常。但在FF中 把模型 center2的margin应用到了外部模型 cc当中。真是想不通。

为什么模型 center2不参照 父级模型 cc？ 而参照最外层的 body模型?

W3C的 Definition of "containing block" 中有这样的一段话。

For other elements, unless the element is absolutely positioned, the containing block is formed by the content edge of the nearest block-level ancestor box.

参考原文地址：http://www.w3.org/TR/1998/REC-CSS2-19980512/visudet.html#containing-block-details

哎！！现在是越学越糊涂。

应该需要用到position
在CC中加:position:relative
Center2中加:position:absolute
意思是Center2参照cc.
这么做是可以的.我一直都这么干的.
不知道对否?


晕...我也出现了这样的问题.
是不是一个页面里的position:relative不能出现多次啊?

快快快.求解

真么没人回复呢？唉！！！自己先顶一下。

给 div#cc 加个 position:absolute; 或者 float:left; 同样可以解决这个问题.

但是在不设置绝对定位或者浮动的时候为什么会这样也是一直困扰俺的问题... 这个问题也会出现在下边距上.

由于IE5.0,IE5.5,IE6.0,FF,Opera等对宽度与高度的解释不一样。
最好不要同时定义某个容器的width与横向的margin,padding,border值；不要同时定义height与纵向的margin,padding,border值

#center2{
   background: #9ACD32;
   border: 10px solid #FFE4E1;
   margin: 10px;
   padding: 10px;
   width: 300px;
   height: 100px;
}
这段代码在不同的浏览器下的宽度与高度不一样。