Resolvido!!!

<!-- begin snippet: js hide: false -->

<!-- language: lang-css -->

    #escala {
        position : absolute;
        top : 0; 
        left : 0;
        width : 50%;
        margin: 0 25% auto;
        background : steelblue; 
        z-Index : 1; 
        opacity : 0.1;
    }

    #teste {
        position : relative;
        width : 400px; 
        height : 200px; 
        margin : 0 auto;
        border : thin solid green; 
        overflow : auto; 
    }

    #profundidade {
        height : 800px;
    }

<!-- language: lang-js -->

    // Vamos criar a segunda Div, no qual ficará sobreposta a primeira
	var sobrepor = document.createElement('div');
    	    sobrepor.setAttribute('id','escala');
	document.getElementById('teste').appendChild(sobrepor);

    // Agora temos de capturar a profundidade do Scroll da primeira Div
	var obj = document.getElementById('teste');
	var tam = obj.scrollHeight;
    	obj.scrollTop = tam;
	document.getElementById('escala').style.height = tam + 'px';

<!-- language: lang-html -->

    <div id='teste'>
        <p id='profundidade'></p>
    </div> 

<!-- end snippet -->

**Detalhe**

Basta setar a variável `tam` dentro de `style.height`

`document.getElementById('escala').style.height = tam + 'px';`