图片没显示出来
在CSS中有：
#newsevent
{
  width:375px;
float:right;
overflow:auto;
}

#upcomingevents
{
  float:left;

}

#upcomingevents li
{
  width:349px;
padding:5px 12px 5px 12px;
border-bottom:1px solid #ffffff;
background-color:#d4ebb3;
font-size:0.7em;
float:left;

}

#upcomingevents li a
{
  color:#3e5804;
text-decoration:none;
margin-left:5em;
}

#upcomingevents span .date
{
  float:left;
width:5em;
}


#newsevent #lnews
{
  background-image:url(../img/news-h.gif);
background-position:left center;
background-repeat:no-repeat;
width:373px;
height:42px;
 
}

在HTML中有：

<div id="newsevent">
   
  <ul id="upcomingevents">
  <li><span class="date">2010-3-10</span><a href="#">IT培训对中国职业培训及就业的影响</a></li>
  <li><span class="date">2010-4-30</span><a href="#">国家重点软件企业名单发布 上海27家企业上榜</a></li>
  </ul>
   
  <div id="lnews"> </div>
   
  </div>

可是发现图片news-h.gif并没有出现在网页上，请问这是为什么呢

------解决方案--------------------
<div id="newsevent">

<ul id="upcomingevents">
<li><span class="date">2010-3-10</span><a href="#">IT培训对中国职业培训及就业的影响</a></li>
<li><span class="date">2010-4-30</span><a href="#">国家重点软件企业名单发布 上海27家企业上榜</a></li>
</ul>
<div style="clear:both;"></div>
<div id="lnews"> </div>

</div>

上面加个清除浮动
------解决方案--------------------

探讨

请问为什么要加这个清除浮动呢