Ayuda Acomodando divs

[gVenom]

Saludos.

Bueno yo de nuevo aqui batallando con la posición de los div. Me esfuerzo para no usar la posición absoluta pero como cuesta.

En esta página http:///vtx-cr, como verán trato de acomodar las cajas con las imagenes y texto de forma que me queden de 4 en 4 por linea. pero no he logrado mi objetivo.

el css de el contenedor de todo el centro es este:

Código CSS:

#centro_gallery{ /*este contiene todo lo de adentro*/
    position:relative;
    top:0px;
    width:780px;
    height:100%;
}
#categorias_txt{  /* este contiene el texto de las categorias*/
    position:relative;
    width:168px;
    height:100%;
    top:26px;
    left:26px;
    float:left;
}
#templates_container{  este contiene las cajas con los templates*/
    position:relative;
    width:545px;
    height:100%;
    top:26px;
    left:35px;
    marging-right:15px;
}
 

Ahora los div que contienen las imagenes y el texto que se ve, sus 4 primeros div estan así:

Código CSS:

#box1{
    height:218px;
    width:117px;
    float:left;
}
 
#box2{
    height:218px;
    width:117px;
    left:10px;
    float:left;
}
#box3{
    height:218px;
    width:117px;
    left:10px;
    float:left;
}
#box4{
    height:218px;
    width:117px;
    left:10px;
    float:right;
}
#clear{ clear:both;}
 

y ahi ven el resultado, nada que ver.
Curiosamente abajo se acomodan mejor que arriba y no se porque. Los de abajo estan así:

Código Css:

#box5{
    position:relative;
    height:218px;
    width:117px;
    margin:10px 10px 10px 0px;
    float:left;
}
#box6{
    position:relative;
    height:218px;
    width:117px;
    margin:10px 10px 10px 0px;
    float:left;
}
#box7{
    position:relative;
    height:218px;
    width:117px;
    margin:10px 10px 10px 0px;
    float:left;
}
#box8{
    position:relative;
    height:218px;
    width:117px;
    margin:10px 10px 10px 0px;
    float:right;
}
 

arriba les quite el position :relative porque me habian dicho por aqui que el float y el relative no se llevan muy bien.

El otro punto es que no entiendo muy bien lo de que el div valla creciendo segun el contenido, yo les puse height:100% a los contenedores grandes, pero parece que no estan trabajando.

Bueno espero haber sido claro , este brete me tiene cansado