<div> 内的 <dl>标签设置为float:left;浮动后，就不能继承父容器的背景色了！不知道为什么？

代码片段：
<div id="sort-photos">
<dl>
<dd>1</dd>
<dt>2</dt>
</dl>
</div>

CSS:
#sort-photos {
width:590px;
background-color:#5F5F5F;
padding-top:5px;
}
#sort-photos dl {
float:left; //如果不要这行，dl的背景色就是#sort-photos的背景色
width:120px;
height:150px;
margin:0px 12px;
}
</div>

大家帮忙看看是怎么回事？谢谢了。