Firefox下样式设置宽度奇怪现象

页面中有一个数据列表，是table，放在一个div窗口中，结构如下：

….列表数据….

给 container 设置了样式 #container {width:100%; margin:10px;}

给 grid 设置了样式 #grid {width:100%}

测试结果在IE中正常，在 Firefox 下 container 的实际宽度会超过100%而出现横向滚动条,因为Firefox把margin算进了宽度，实际等于100% 20px