Hola
Me tomé la libertad de hacer un ejemplillo, espero que te sirva.
Código HTML:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css">
* {border: 0; margin: 0; padding: 0;}
html,body { width: 100%; height: 100%; background-color: #fff; }
#Base { width: 100%; height: 100%; background-color: #ccc;}
#uno {width: 80%; height: 200px; background-color: #f0a; margin 0 auto; border: 1px solid #fff; padding: 5px; overflow: auto;}
#dos {width: 90%; background: #da0;border: 1px solid #000;}
</style>
<script type="text/javascript">
function leerpropiedades(x) {
alert (document.getElementById(x).style.top);
}
</script>
<title>Pruebilla</title>
</head>
<body>
<div id="Base">
<p> </p>
<div id="uno">
<div id="dos">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<p> </p>
</div>
</body>
</html>
Los colores de fondo, bordes y espacios están para facilitar la visualización de los elementos.
Felicidad