ayuda con capas #izquierda 200px #derecha el resto

[xevisoyyo]

Hola a ver si me podeis ayudar, me explico

os pongo exactamente que quiero conseguir:

3 capas

1 - #contenedor{
- esta capa debe contener la capa izquierda y la capa derecha y ocupar todo el ancho de la pantalla
- pondre un fondo que se repetira solo en vertical, de manera que se ha de ver el fondo sea cual sea el alto de la capa mas alta, creo q con overflow:auto; esto se soluciona}

2 - #izquierda{debe medir 200px de ancho y que al reducir el navegador jamas se reduzca de esos 200px}

3 - #derecha{debe ocupar el resto del ancho y que al reducir el navegador jamas se reduzca de 550px}

Nota: es importante que al reducir el navegador no se demonte nada, para eso esta el scroll horizontal


Saludos y gracias

[xevisoyyo]

basicamente lo que quiero es esto, pero con capas

Código HTML:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200" bgcolor="#0099FF"><img src="..." width="200" /></td>
    <td bgcolor="#FFCCFF"><img src="..." width="550" /></td>
  </tr>
</table> 

(el codigo de imagen lo he puesto por si quereis probar lo que digo y para que no se reduzca el tamaño mas de lo que ocupan las imagenes, pero no tienen porq haber imagenes)

Bueno el resultado es exactamente lo que puse con tablas, pero no hay manera de hacerlo en capas y que funcione en todos los navegadores, siempre falla algo en uno u otro navegador

[xevisoyyo]

Bueno apenas nadie ha leido el mensaje,

el tema es que pienso hacer la web para 1024 y que si alguien tiene un ancho de 800 la vea sin problemas y no se desmonte nada, las medidas q puse no estan acorde pero para el caso es lo mismo, ademas hay gente que desaprobecha muy mal su pantalla y al final los 800px de anchura acaban siendo 700, asi que espero que mi web no se desmonte por mucho que reduzcas el navegador y que salga el scroll horizontal