Fotos não ficam embaixo uma das outras

e ai blz galera

eu estou usando o ligthbox

tenho 16 fotos e elas ficam embaixo da foto mais não estou usando css elas ficam uma fica mais para o lado não fica certinho embaixo das outras fotos

como eu deixo embaixo das outras fotos no tamanho igual

o código é

<div class="greenBorder" style="display: table; height: 300px; #position: relative; overflow: hidden;">
<div style=" #position: absolute; #top: 20%;display: table-cell; vertical-align: middle;">
<div class="greenBorder" style=" #position: relative; _top: -20%">
<h2>Sapatilhas</h2>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
<a href="" class="lightbox-2" rel="flowers" title=""><img src="" height="200" alt="" /></a>
</div>
</div>
</div>