Un div que no se acomoda

[gVenom]

Saludos.

estoy acomodando unos div en la página: http://institutosaap.comxa.com/ , y hay uno que no se acomoda donde debe, claro que no he querido meterle mucho código.

Veamos, si ven, el div de la iz, que es un menu, tiene un float left, igual el que sigue(box1),y el otro (box2) luego el noticiario con un float right, vajamos al box3 y a la par de este iria el box4 (que esta perdido arriba sobre el box1 y2) y segun el flujo de la página, box4 deberia ponerse en el espacio que se ve abajo, pero no lo hace, sino que se va arriba, y si le quito el float, se acomoda pero su ancho lo ignora y pasa de 481px a 171px y no se porque.

Espero haber sido expicito. Aqui mi código:

Código css:

#container{
    position:relative;
    margin:0 auto;
    width:780px;
    border-style:solid;
    border:#999999 thin solid;
}
#header{}
#content{}
#index-box1{
    height:194px;
    width:196px;
    float:left;
    border:#c4c4c4 1px solid;
    margin:5px 2px 3px 3px;
}
#index-box2{
    height:332px;
    width:296px;
    float:left;
    border:#c4c4c4 1px solid;
    margin:5px 1px 3px 3px;
}
#news-box{
    height:332px;
    width:170px;
    float:right;
    border:#c4c4c4 1px solid;
    margin:5px 0 3px 3px;
}
#index-box3{
    height:308px;
    width:196px;
    float:left;
    border:#c4c4c4 1px solid;
    margin:-135px 1px 3px 3px;
}
#index-box4{
    height:177px;
    width:481px;
    border:#c4c4c4 1px solid;
    margin:2px 1px 3px 3px;
}
 

EDITO: acabo de ver que en IE6 si se ve donde va lol , yo lo he revisado en firefox y opera

[kseso?]

añade a #index-box4 un 'display: inline-block' y reduce algo su anchura. Se colocará a la derecha del 3 y por debajo del "rotador" de noticias

Un saludo

[gVenom]

Hola kseso?

Es la segunda vez que me das esa solución, y obviamente si sirvió. Pero no entiendo bien que es lo que pasa, o sea, se que hace el display: inline, sin el block, jaja, podrias explicarme para salir de la duda, si no es mucha la molestia

[hades87]

Creo que mejor que te lo explique kseso? es este enlace

[gVenom]

gracias hades87

[kseso?]

el elemento en cuestión es de bloque para todos los demás, excepto para el que le precede y el que le sigue que es un contenedor en línea
Más información EDITO: es el mismo enlace que el te pone Hades
Pero como siempre, ya sabes qué **** no lo entiende.
Así que si fuese necesario tendrías que usar algo como esto

un saludo

[gVenom]

oye no, esta interesantisima esa propiedad, ya lei el articulo y es bastante claro, solo no la conocía. Ahora espero usarla como se debe jeje. Gracias señores.