Криво выводит колонки из элементов article

[timedo]

Мне нужно три колонки, делаю я это с помощь <article>, но выводит оно по кривому(картинка)...
idndex.php

PHP код:

<div class="kontent">
        <article>  
                     <?
                                        include('inc/dbconnect.php');
                                        $res = mysql_query("SELECT `title`, `imgsrc`, `name` FROM `photos`");
                                        $count = mysql_query("SELECT `title` FROM `photos`");
                                        
                                        
                                            while($row = mysql_fetch_array($res)) {
                                            
                                            echo "<div class=imgborder>";
                                            echo "<a class='title' /" . $row['imgsrc'] . "'>" . $row['name']. "</a><br>";
                                            echo "<a class='gallery' rel='group'  href='img/" . $row['imgsrc'] . "'> <img src='img/" . $row['imgsrc'] . "' height='40%' /></a><br>";
                                            echo "</div>";
                                        }
                                    ?>
    </article> 
    </div>

style.css

PHP код:

article{ 
margin:10px;    
   -webkit-column-count:3;  
    -moz-column-count:3;  
    column-count:3;  
} 
 
article img{  
    border: 3px solid #fff;
} 


Как мне сделать нормальный вывод картинок?

[Naive]

Можно попробовать

.imgborder {overflow:hidden}

Но не факт, что сработает, с колонками не работал никогда