html - div が正しく配置されない

Question

私はウェブサイトで作業していて、問題に遭遇しました。

イベント、ニュース、中間の 3 つの説明の div が正しく配置されません。コードは次のとおりです。(非常に面倒で申し訳ありません... 私も現在取り組んでいます。) EVENTS & NEWS のコードを投稿することはできませんので、ご了承ください。

3 つの説明 div。

<div class="mainall">

 <div class="descc1">
 <div class="deschead1"></div>
 <div class="thumb1"></div>
 <div class="head1"></div>
 <div class="headbg1"></div>
 <div class="descsep1"></div>
 <div class="desc1">
     <p></p>
 </div>
 </div>

 <div class="descc2">
 <div class="deschead2"></div>
 <div class="thumb2"></div>
 <div class="head2"></div>
 <div class="headbg2"></div>
 <div class="descsep2"></div>
 <div class="desc2">
     <p></p>
 </div>
 </div>

 <div class="descc3">
 <div class="deschead3"></div>
 <div class="thumb3"></div>
 <div class="head3"></div>
 <div class="headbg3"></div>
 <div class="descsep3"></div>
 <div class="desc3">
     <p></p>
 </div>
 </div>
</div>

CSS - http://pastebin.com/HPSikFjM

メインオール=

.mainall {
 display: block;
 margin-top: 25px;
 overflow: hidden; }