Problema con slider de thumbs

[alexdumas]

Hola. tengo un script para galeria de imagenes. funciona, sin embargo el problema surge en el slider de thumbnails. les explico:

si son cuatro imagenes en la galería el slider de thumbnails funciona perfecto, pero si son muchas imagenes, entonces deja de funcionar y las imagenes en lugar de alinearse en el slider se apilan hacia abajo en columnas

es decir,

si son cuatro imagenes hace esto: 1-2-3-4

pero si son 10 imagenes hace esto
1-2-3-4
-5-6-7-
8-9-10-

cuando debería hacer esto: <-1-2-3-4-5-6-7-8-9-10

no se bien que pasa, pongo el css del slider de thumbs, haber si alguien puede orientarme. el problema surge con muchas imagenes

gracias

Código CSS:

#slider {
    margin-bottom: 0px;
}
 
#slider .thumb-controlNav {
    position:absolute;
    width:100%;
    text-align:center;
    top:10px;
}
 
#slider .thumb-controlNav a {
    display:inline;
}
 
#slider .thumb-controlNav img {
    display:inline;
    cursor:pointer;
    position:relative;
    margin-right:10px;
    -moz-box-shadow:0px 0px 5px #333;
    -webkit-box-shadow:0px 0px 5px #333;
    box-shadow:0px 0px 5px #333;
}
 
#slider .thumb-controlNav a.active img {
    border:1px solid #666;
}