Colonne css3 con con column che non vanno

[Tecnologiamiky]

Sto realizzando un sito per la gestione dei film e sto avendo dei problemi con la proprietà column, come si vede in questa pagina la scritta del film "Almeno tu nell'universo" finisce sull'altra colonna. Come potrei far finire la scritta sotto la copertina corrispondente?
Ringrazio tutti coloro che mi daranno una mano.
Questo è il codice HTML corrispondente

<div id="gest lista_film_home">                     
<div class="att_gest2">                
<?php                while($righe = $film->fetch_array()) {                    ?>                
<a href="?go=film&film=<?php echo $righe['ID_film'];?>">
<img src="images/<?php echo $righe['Immagine']; ?>" width="250" height="300" /><br />
<?php echo urldecode($righe['Titolo']); ?>
<br />               
 </a>                
<?php                }                ?>                         
</div>                      
</div>

e queste sono le regole CSS

.att_gest2 {
    column-count: 3;
    column-gap: 30px;
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
}
#lista_film_home {
    width: 750px;
}
#gest{
float: left;
margin-left: 5%;
}

[Tecnologiamiky]

Se non c'è soluzione, esiste una soluzione che porta al risultato che desidero?