Problema con columnas

[fabriii]

lo arregle, me quedo asi:

#main {background:#333333; width:960px; min-height:700px; margin:0 auto; overflow:hidden;}

y adentro del main

#lateral{
width: 235px;
background:url("../lateral/col1.gif") 0 0 repeat-y;
margin-left:8px; overflow:hidden; float:left; text-decoration:none;
}


#principal{
float:right; width:680px; margin-right:15px;
background-color: #FFFFFF;
background:url("../design/medio.gif") 0 0 repeat-y; overflow:hidden;
}

En el mozilla nuevo y ie 8 se ve bien, pero en el ie7 y firefox mas viejos, el principal se me pone a la derecha, pero abajo, cuando termina el lateral.

tendría q hacer otro contenedor para el principal y el lateral ¿? xq en el main, esta todo, logo barra etc.


la pag es esta: www(punto)flashintruso.com/elecom