Prueba sin flotar el segundo elemento y añadiendo un
overflow:
Código CSS:
Ver original#menu {
float: left;
width: 200px;
}
#principal {
overflow: hidden;
}
Es bastante robusto.
Aunque también podrías usar
calc:
Código CSS:
Ver original#principal {
float: left;
width: calc(100% - 200px);
}