main----hot_news

 <div id="hot_news">
          <div id="news_top">
            <h1>苹果iphone 4手机将于9月25日在中国上市</h1>
            <p>日前中国联通正式宣布将于9月25日9时在中国大陆市场全面推出iPhone4，并为iPhone4用户量身定制了合约计划。</p>
          </div>
          <div id="news_list">
            <ul>
              <li><span>9-22</span><a href="#">纯CSS实现三列DIV等高布局</a></li>
              <li><span>9-22</span><a href="#">HTML元素的ID和Name属性的区别</a></li>
              <li><span>9-22</span><a href="#">完美兼容ie6,ie7,ie8以及firefox的css透明滤镜</a></li>
              <li><span>9-22</span><a href="#">DIV+CSS实现放大镜效果的分页样式</a></li>
              <li><span>9-22</span><a href="#">javascript为FF设置首页</a></li>
              <li><span>9-22</span><a href="#">复制到系统剪贴板之IE,ff兼容版</a></li>
            </ul>
          </div>
        </div>
      #news_top { border-bottom:1px dotted #ccc; padding-bottom:8px;}
#news_top h1 { font-size:18px; line-height:2.2; font-family:"microsoft yahei"; color:#444;}
#news_top p {
color: #999;
line-height: 20px;
}
#news_list { padding-top:6px;}
#news_list ul li { background:url(../images/icon.gif) 0 -300px no-repeat; padding-left:20px; line-height:1.9;}
#news_list ul li span { float:right; color:#579f11;}