php - フロートが残った変な隙間

Question

私はこの問題で完全にブロックされており、CMS を使用しており、記事を生成しています。記事を 2 つの列に分けたいので、

これがhtmlコードです（混乱しないようにphpの部分を少し削除しました）：

  <div id="contenu_col">


    <?php   

            echo '<div class="col1">
<a href="exhibition.php?ID='.$ID.'"><img src="square/'.$IMGACSQ.'" ></a><br/>
            <p><a href="exhibition.php?ID='.$ID.'">'.aff($DATE).'<br/>'.aff($nom_projet).' - '.aff($ARTISTE).'</p></a></div>'; 

</div>

次のような html コードを生成します。

    <div class="col1">
<a href="exhibition.php?ID=109">
<img src="square/E_3094_x.jpg" >
</a><br/>

<p><a href="exhibition.php?ID=109">11.12. - 29.01.11.<br/>New impressions - New works -  new artists - new space 5 and a happy new year)</p></a>

</div>

<div class="col1">
<a href="exhibition.php?ID=108">
<img src="square/BG_IoanGrosu06_x.jpg" >
</a><br/>
<p><a href="exhibition.php?ID=108">30.10. - 04.12.10.<br/>Come here tomorrow - Ioan Grosu</p></a></div>

そしてCSS：

    .col1{
width:300px;
float:left; 
padding: 3%;
display: block;

}


.col1 img{
width:100%;

}

.col1:after{
clear: both;
}

#contenu_col {
width:850px;
top:150px;
z-index:50;
left:460px; 
position:absolute;  
padding-bottom: 20px;   
}

#contenu_col img{
width:100%;

}

(画像載せれないので…)

Web サイトの 70% で動作します。その後、時々奇妙なギャップが現れます....私は何が間違っているのか理解できません:(

解決しました。ありがとうございます!!