求大神指点- -

为啥我的main div模块显示的在粉色背景的上方？？   急  不知道哪儿错了

 <div class="pic">
   <ul>
      <li><img src="images/ad2.jpg" /></li>
      <li><img src="images/ad3.jpg" /></li>
      <li><img src="images/ad4.jpg" /></li>
   </ul>
 </div>
</div>
  <div class="main">
     <div class="news">1</div><!--news结束 -->
     <div class="course">2</div><!--course结束 -->
     <div class="sidebar">3</div><!--sidebar结束 -->
  </div><!--main结束 -->
</div><!--wrap结束 -->