mira hice unos cambios, espero que este si te sirva lo probé en IE6, Chrome,ff y si funciona para otros navegadores quizá tengas que hacer unos ajustes pero no creo, copialo y pegalo en tu editor y me avisas, como te digo a mi si me funciona y con dtd stric y transitional, creo que es la mejor solución y si aunque no lo creas hay gente que utiliza 800x600 aunque sea por problemas de vista pero si hay personas que lo utilizan además que como buen programador web tienes que mantener estandares y ese es uno, bueno aquí va el código:
Código:
body{color:#fff}
.corte{clear:both}
#contenido{ width:100%; height:100%; margin:0 auto; overflow:auto; background:#336613; position:relative}
#header{ width:100%; height:50px; margin:0 auto;background:#FFCCCC}
#header_centro{ background:#FFCCCC; float:left; margin:0 0 0 9%; height:50px; width:61%;_width:50%;}
#header_derecha{ background:#CC9900; float:right;height:50px; width:30%;}
#col_der, #col_izq{height: 100%; margin:0 5px 5px 5px}
#col_der {float: right; width: 200px; width:65%;}
#col_izq {float: left; width: 200px;background-color: #CC0000; width:30%}
.textos{padding:15px; color:#fff; text-align:justify;}
/*contenido de la columna derecha*/
#verde_superior{ width:100%; height:auto; display:table; background:#009933}
#verde_oscuro_uno{ float:left; width:49%; height:auto;background:#333300;margin:10px 1px 0 0}
#verde_oscuro_dos{ float:right; width:49%; height:auto; background:#333300; margin:10px 0 0 0}
#relleno_logo{ width:80px; height:22px; float:left;}
#logo{ width:90px; height:90px; float:left; text-align:center; background:#999900; position:absolute; top:0;}
Código HTML:
<div id="contenido">
<div id="logo"></div>
<div id="header">
<div id="header_centro"></div>
<div id="header_derecha"></div>
</div>
<div id="col_izq">
<div class="textos">
<div id="relleno_logo"></div>
In non turpis vel felis fermentum luctus. Pellentesque ac nibh. Ut venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam luctus mi vel quam. Mauris sapien. Fusce feugiat condimentum sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec orci. Ut pharetra. Donec faucibus pede ac nisl. Nam pulvinar, metus sit amet euismod auctor, metus purus porttitor tellus, et hendrerit quam mi eget velit. Phasellus risus mauris, commodo sed, accumsan in, porttitor id, augue. Phasellus vehicula eros eget sem. Vestibulum aliquam tincidunt augue. Duis vel nisi a sapien volutpat viverra. Curabitur iaculis turpis sed lacus. Sed vestibulum dictum urna. Nulla sit amet diam.
</div>
</div>
<div id="col_der">
<div id="verde_superior">
<div class="textos">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vel tellus. Vivamus bibendum, massa eu commodo egestas, turpis erat mattis tellus, suscipit eleifend libero turpis nec libero. Praesent luctus gravida turpis. Duis ornare mollis sem. Praesent facilisis tincidunt pede. Fusce ac urna. Nulla placerat ultricies purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus eget nisl a nisl scelerisque pharetra. Ut sed elit in tortor varius suscipit. Vestibulum pretium, est et suscipit fringilla, arcu risus placerat magna, vel porta mi tellus at arcu. Praesent eget mi vitae sem gravida rutrum. Donec sollicitudin. Integer consequat ullamcorper turpis. In nisi nunc, imperdiet quis, aliquam in, porta sit amet, est. Etiam consequat suscipit enim.
</div>
</div>
<div id="verde_oscuro_uno">
<div class="textos">
In non turpis vel felis fermentum luctus. Pellentesque ac nibh. Ut venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam luctus mi vel quam. Mauris sapien. Fusce feugiat condimentum sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec orci. Ut pharetra. Donec faucibus pede ac nisl. Nam pulvinar, metus sit amet euismod auctor, metus purus porttitor tellus, et hendrerit quam mi eget velit. Phasellus risus mauris, commodo sed, accumsan in, porttitor id, augue. Phasellus vehicula eros eget sem. Vestibulum aliquam tincidunt augue. Duis vel nisi a sapien volutpat viverra. Curabitur iaculis turpis sed lacus. Sed vestibulum dictum urna. Nulla sit amet diam.
</div>
</div>
<div id="verde_oscuro_dos">
<div class="textos">
In non turpis vel felis fermentum luctus. Pellentesque ac nibh. Ut venenatis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam luctus mi vel quam. Mauris sapien. Fusce feugiat condimentum sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec orci. Ut pharetra. Donec faucibus pede ac nisl. Nam pulvinar, metus sit amet euismod auctor, metus purus porttitor tellus, et hendrerit quam mi eget velit. Phasellus risus mauris, commodo sed, accumsan in, porttitor id, augue. Phasellus vehicula eros eget sem. Vestibulum aliquam tincidunt augue. Duis vel nisi a sapien volutpat viverra. Curabitur iaculis turpis sed lacus. Sed vestibulum dictum urna. Nulla sit amet diam.
</div>
</div>
<div class="corte"></div>
</div>
<div class="corte"></div>
</div>
como te digo esto hace lo que tu quieres. Copialo y pegalo en un archivo nuevo