ayuda con div i galeria de imagenes

[albertrc]

con php hago que me salgan 3fotos i despues hago un salto de linia
y me salen 3 mas abajo
lo que passa es que en la primera fila salen rectas i en las segunda no
con web developer se ve que la foto tercera de la primera fila no esta igual que las 2 primeras
esta para bajo pero no se porque

Código PHP:

  $nombre_categoria=0;
$galeria=0;
 
 
while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)){
 echo "<div class='galeria'>";
 if($nombre_categoria==0){
 echo    "  <div class='categoria'><h1>".ucfirst("{$row['nombre_categoria']}")."</h1></div>";
}
                        
        
        
echo "<div class='imagen'>
    <a href=' {$row['ruta_foto_grande']}' /><img src=' {$row['ruta_foto_pequna']} '/></a>
    </div></div>                ";
            
    
if(++$galeria==3){
echo "    <div class='clear'></div>";
$galeria=0;
}
        
        
    $nombre_categoria++;
 
 
    } 
   

#contenido #central #principal .galeria .imagenes{
float: left;
width: 29%;
}

#contenido #central #principal .galeria {
padding: .5em;


}
#contenido #central #principal .galeria img {
margin: 0.5em;
border: 2px solid #40E0D0;
}

#contenido #central #principal .galeria img:hover{
border: 2px solid #663300;
}