图片把新闻中心给盖住了,下面文字内容重叠在一行,什么情况
<div class="main">
<div class="news">
<div class="title">
<h2>新闻中心</h2><a href="news.html">More>></a>
</div><!--title结束-->
<div class="pic_news">
<<img src="images/news.jpg">
<h2>520幕女神喊你来表白!</h2><p>活动时间:5月20日-5月25日<br/>获奖公布时间5月26日<br/>Learn More>></p>
</div><!--pic_news结束-->
<div class="news_list">
<ui>
<li><a href="news.html">【慕课访谈 用户篇】"有为屌丝"在路上</a><span>2014-06-01</span></li>
<li><a href="news.html">【有奖活动懂】给阜新的三行舒心</a><span>2014-06-01</span></li>
<li><a href="news.html">《程序员 请晒出你的童年》 活动获奖公告</a><span>2014-05-30</span></li>
<li><a href="news.html">【慕课访谈】破茧成蝶————美女程序员的蜕变史</a><span>2014-05-28</span></li>
</ui>
</div><!--news_list结束-->
</div><!--news结束-->
<div class="course">
</div><!--course结束-->
<div class="sidebar"></div><!--sidebar结束-->
</div><!--main结束-->