Problemilla con una capa

[acrego]

Buenas tengo una duda de novato en el tema, que lo soy.
Mi problema es que tengo el tipico diseño, una capa que hace de cabecera, otra que hace de navegador( la lateral izquierda) y otra que le llamo cuerpo, que es la central, el problema lo tengo en esta, lo que pretendo es que cuando se agrande o se haga pequeña la ventana del navegador, que se modifique el tamaño, eso lo hace bien hasta un punto, cuando pasa de un cierto tamaño esa capa se me coloca debajo de la del navegador, al final de la pagina.

Alguno sabe como puedo hacer para que no me pase esto.

el codigo CSS seria:

Código:

#contenedor{
	text-align:left;
	width:100%;
	height:100%;
}
#cabecera{
	width:100%;
	height:50px;
	background-color:#FFFFFF;
}
#navegador{
	width:150px;
	height:520px;
	background-color:#99cdff;
	float:left;
	
}

#cuerpo{
	float: right;
	width: 75%;
	background-color:#0A9DE6;
}

un saludo

[AlvaroG]

para que seadapte siempre, deberías usar medidas relativas de ancho, no pixeles. Si lo fuerzas a ser de 150 px, y no entra, pos lo va a tirar abajo.
Prueba porcentajes o ems equivalentes.


Saludos.

[acrego]

Buenas otra vez vez, aun poniendo los valores en % me sucede lo mismo, la capa central se me mete debajo de la lateral y la del pie.
Yo lo que quiero hacer mas o menos es como http://www.spreadfirefox.com/

tu modificas el tamaño de la pagina y se te va acoplando, sin que se escondas capas.

alguno sabe como puede hacerse eso.
un saludo