Tengo dos DIV: un DIV cambia dinámicamente de tamaño según el navegador (diseño adaptable) y quiero que el otro DIV modifique su altura según la altura del primer DIV. Pensé que la forma más fácil de hacer esto sería usar JQuery para cambiar dinámicamente la altura.

Intenté lo siguiente:

$('section#div2').css({height:$(this).css('height').replace($('section#div1 div.div1_container').height()+'px')});

Sin embargo, ese código no funciona. Tampoco son varias otras versiones de ese trabajo.

Mi pregunta es: ¿Cómo puedo reemplazar una sola propiedad CSS sin cambiar todas las propiedades de un elemento dado?

EDITAR: Así es como se codifica el primer DIV dinámico ...

Primero el primer contenedor de DIV:

position: relative;
padding-bottom: 50%;
padding-top: 30px; height: 0; overflow: hidden;
margin:0 0.7em 0 0.7em;

Luego, el objeto interno dentro de ese contenedor (puede no ser relevante):

position:absolute;
top:0;
left:0;
width:100%;
height:100%;