A ver, el código Javascript va entre los Tag "<header>" y "</header">, ahora, en el css te falta esto
Código CSS:
Ver original#capa-extensible {
height: 40px; //Te falta indicarle el tamaño inicial
overflow: hidden; //Te falta indicarle que oculte todo
//el código que sobresalga de su tamaño
z-index:1;
}
Y quita esta parte del código
Código Javascript
:
Ver originalfor(i=20; i<=100; i++) {
var newHeight = i + 'px';
document.getElementById('capa-extensible').style.height = newHeight;
}