Listar imagens em 4 colunas

[RedHot66 2]

Pessoal, preciso de uma ajuda...

Estou usando ZendFramework para realizar um upload de imagem, só que na hora de listar , ele está bugando meu designer...

Eu quero a minha saida assim :

IMAGEM | IMAGEM | IMAGEM | IMAGEM
IMAGEM | IMAGEM | IMAGEM | IMAGEM
IMAGEM | IMAGEM | IMAGEM | IMAGEM
IMAGEM | IMAGEM | IMAGEM | IMAGEM

Só que ao invés disso, ele está saindo assim :

IMAGEM | IMAGEM | IMAGEM | IMAGEM
       |        |        | IMAGEM
IMAGEM |        |        |
IMAGEM | IMAGEM | IMAGEM | IMAGEM

O motivo desse resultado é os tamanhos das imagens, nao tem um tamanho padrão estabelecido, entao ele se comporta desse jeito.

A minha dúvida é, como posso chegar nesse resultado ? o que eu posso fazer?

O meu código php está assim :

$this->_model = new Application_Model_Funcionarios();
$rowset = $this->_model->fetchAll();


$funcionarios = array();
foreach($rowset as $funcionario) {
$funcionarios [] = array(
'id'   => $funcionario['id'],
'nome' => $funcionario['nome'],
'foto' => $funcionario['foto'],
);
}


$this->_helper->layout->disableLayout();
$this->_helper->viewRenderer->setNoRender(true);


 echo json_encode($funcionarios);

E através desse código, consigo puxar os dados e enviar para meu js.

O código é esse do js (Só é um exemplo) :

$('div.funcionario-container').append(


                    '<div class="span3" style="margin-bottom:40px;">'+
                        '<div class="row">'+
                            '<div class="span3" style="text-align:center;"> <a title="'+funcionario.nome+'" href="#"><img src="#" width="160" height="122" /></a> </div>'+
                        '</div>'+
                        '<div class="row">'+
                            '<div class="span3 titulo-nome-funcionario">'+funcionario.nome+'</p>'+
                        '</div>'+
                    '</div>'
            );

Lembrando que estou usando ZendFramework e js, e quero listar as imagens em 4 colunas.