加div的作用

在CSS中有：
#site-info
{
  background-color:#e4e4e4;
background-image:url(../img/footer_t.gif);
background-repeat:no-repeat;
background-position:left center;
font-size:12px;
margin-top:5px;

}

#site-info div
{
  background-color:#e4e4e4;
background-image:url(../img/footer_b.gif);
background-repeat:no-repeat;
background-position:left bottom;
padding:0 10px 5px 10px;
overflow:hidden;
}

在相应的HTML中有：
  <div id="site-info">
  <div>
  。。。
  。。。
  </div>
  </div>
请问为什么要在<div id="site-info">下加一个<div>啊，这个div起什么作用呢

background-image:url(../img/footer_b.gif);
background-repeat:no-repeat;
background-position:left bottom;

在页面最底部加图片~·

为了布局。。。各取所需。。。

这个……不知道怎么回答，能否给个链接地址什么的看看页面效果。