Problema con Divs en dreamweaver

[AnsuR]

Hola que tal, tengo un problemita, tengo una pagina en css, y en dreamweaver se me presento un problema, aqui esta la imagen:



Lo que quisiera saber, es porque se me fue la tabla más ancho del valor que le di, y no se como hacer para que no quede ese espacio blanco!, porque me desacomoda todos los demas divs y se me hace un lio para armar bien la web.
En MF y IE se ve de 10, pero el tema es dreamweaver, me cuesta, ya que son 3 divs que tienen que ir y el ultimo div me queda abajo del todo :S

Alguien sabe donde esta el problema?, este es el css:

Código HTML:

#lateral1 {
    width:190px;
    float:left;
    height:100%;

}
#menu {
    float:left;
    width:190px;
    height:100%;
    margin:0;
    paddin:0;
}
ul#menunav {
    list-style:none;
    padding:0;
    margin:0 auto;
}
ul#menunav li {
    margin-top:1px;
    padding: 0;
}
ul#menunav li a:link, ul#menunav li a:visited {
    color: #FFF;
    font-size:11px;
    background:url(imagenes/menuactive.jpg) repeat 1px center;
    height:25px;
    width:172px;
    display:block;
    padding-top:8px;

    text-decoration:none;
    border-left: 2px solid #76869b;

}
ul#menunav li a:hover, ul#menunav li a:active {
    color:#304f78;
    background-image: url(imagenes/menuhover.jpg);
    text-decoration:none;
    border-left: 2px solid #7f97b3;
}

Alguien tiene idea?