bueno si es eso para que se vea así tendrías que hacerlo de esta manera, copia y pega el código en un nuevo archivo para que aprecies el efecto de las capas y prueba a 800x600 o hacer la ventana más chica manualmente
Código lenguaje:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
body{ height:100%;}
#contenedor{ width:100%; height:100%;background:#000}
#cabecera{width:100%;background:#000;height:80px;}
#contenido{ width:98%; height:auto; background:#000; position:relative; display:table; padding:0 0 10px 0;margin:0 auto}
#info_izq{visibility: visible;width: 166px;height:500px;background:#6DE4D9; float:left;}
#vertical_tab{width: 7px;left:166px; height: 500px;background:#999; float:left;}
#datos{position: absolute;top:-40px;left: 173px; background-color: yellow; height: 540px;width: auto;}
.limpiar{ clear:both}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera"></div>
<div id="contenido">
<div id="info_izq"></div>
<div id="vertical_tab"></div>
<div id="datos">texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div>
<div class="limpiar"></div>
</div>
</div>
</body>
</html>
y un consejo, no es necesario que lo hagas con position:absolute eso puede traerte problemas el algunos navegadores por la forma en que interpretan las posiciones como top y left, tienes que saber como y cuando aplicarlos y tampoco debes aplicarlos si el div que los contiene no es relativo por que al no serlo quedarán relativos a la ventana del navegador y eso te puede traer conflictos
espero te sirva y avisas si no es eso lo que quieres para que veamos