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