CSS3列寬度：含量在離開時，水平滾動

您可以查看這裏的問題： http://www.callensewout2011.dreamhosters.com/results.php?q=frankrijk CSS3列寬度：含量在離開時，水平滾動

誰知道如何解決這個問題？

<div id="result-wrapper"> 
<a href="article.php?articleId=173&amp;q=frankrijk"> 
      <div class="tile" id="tile1"> 
       <div class="tileTextEmpty"> 
        <img src="img/logos/hbvl.png" alt="Logo van Het Belang Van Limburg"> 
       </div> 
       <div class="tileText"> 
        <h4>Vliegtuig Hollande getroffen door bliksem </h4> 
        <p>De kersverse nieuwe Franse president François Hollande heeft dinsdag voor het eerst de Duitse kanselier Angela Merkel ontmoet. Hollande moest zijn reis naar Duitsland wel even...</p> 
       </div> 
      </div> 
    </a> 
</div> 

#result-wrapper { 
    -webkit-column-width: 340px; 
    -webkit-column-gap: 0px; 
    height: 649px; 
    width: 1024px; 
    overflow-y: auto; 
    background-color: 
    black; 
} 

.tile { 
    height: 325px; 
    background-position: center top; 
    background-repeat: no-repeat; 
    background-size: 340px; 
    background-color: 
    black; 
} 

.tileTextEmpty { 
    width: inherit; 
    height: 155px; 
    text-align: left; 
} 

.tileText { 
    height: 135px; 
    padding: 10px; 
    background-color: black; 
    opacity: .8; 
    color: #EAEAEA; 
    text-align: left; 
}

來源

2012-05-16 Veltar