网页背景颜色问题，求救
一个div框，没有定义高度，为什么显示不出背景颜色？但这个div里面有内容显示出来，却就是没有背景颜色出现。。。
如：
<div class="MainWidth">
这里面有很多div，table等内容
</div>
.MainWidth
{
  width:970px;
  margin:auto;
  background-color:#fff;
}
有趣的是，一旦加入高度:如height:500px;后，背景颜色就显示出来了，怎么回事？怎么办？求救
求救求扫盲

------解决方案--------------------
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
 </div>
------解决方案--------------------
在内部每个div后加一个清除浮动，这样firefox和opera就把里面不当成浮动，会自动计算内部div高度
<div class="outer">
<div class="inner1"></div>
</div>
二：
加一句overflow:hidden;