DIV con width al 100%

Estoy haciendo que el div tenga un ancho del 100%, y no se pase abajo del div que esta a la izquierda.

Aca dejo el ejemplo:
www.radiomyhouse.com/ya

Necesito la mejor ayuda, muchas gracias de antemano.

si 100% es el ancho total y dentro tenes dos elementos, uno con ancho fijo, debes restarle ese ancho para que el porcentaje en suma de 100%

a content y menu debes flotarlos y a content quitarle porcentaje.

Como podria calcular cuanto le falta para el 100%, si a la hora que veo mi pagina en otra pantalla puede varias los pixeles?

aca estan los codigos CSS:

Código HTML :

#menu{background:#ff9c00 url(../img/texture.png); height:100%; width:210px; padding:0 0 0 30px;}
#content{background:#00F; width:100%; height:100%;}

Lo he editado, lo dejo asi pero me queda como lo ves ahora en la pagina:
www.radiomyhouse.com/ya

CSS:

Código PHP :

#menu{background:#ff9c00 url(../img/texture.png); position:absolute; display:block; height:100%; width:210px; padding:0 0 0 30px;}
#content{background:#00F; position:absolute; display:block; height:100%;}

como resto el width del menu con el del content?

El problema con los porcentajes es que si tienes elementos con anchos(o altos) fijos, estos no se van a ver bien si se cambia la resolución de la pantalla o el tamaño de la ventana del navegador.

Si se usan porcentajes hay que aplicarlos a todos los elementos, no?

claro, pero cuando le aplico a todos los elementos aveces ya se ve demasiado grande los divs o se descuadran

porque no haces el body con fondo azul? asi ya manejas todos los elementos restantes en tamaño estatico?

El contenido es el div que coje los dos divs "menu" y "content"

Código :

#contenido{height:100%;}
#contenido div{float:left;}

#menu{background:#ff9c00 url(../img/texture.png); position:absolute;display:block; height:100%; width:210px; padding:0 0 0 30px;}
#content{background:#00F; position:absolute; display:block; height:100%; width:100%; margin:0 0 0 240px;}