等高柱的问题

这是我的CSS:

#contents { clear: both; width: 900px; background: #fff url(../img/contents_bg.jpg) repeat-y; }
#contents .left { float: left; width: 615px; padding: 10px 0 0 20px; }
#contents .right { float: right; width: 225px; padding: 10px 20px 0 0; }

和HTML:

<div id="contents">
 <div class="left">
  <p>test</p>
 </div>
 <div class="right">
  <p>test 2</p>
 </div>
</div>

出于某种原因,内容的背景图片不会显示,除非我在我不能做的内容上加一个高度,有什么想法吗?