He estado tratando de cambiar el tamaño del panel dividido usando la propiedad CSS3.

Aquí está el código:

<style>

div.left, div.right {float: left; outline: solid 1px #ccc; 
resize: both; overflow: auto;}

div.left {width: 20%}

div.right {width: 80%}

</style> 

<div class="left"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div> 

<div class="right"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</div> 

El problema es que si cambio el tamaño del div izquierdo, el div derecho no se encogerá y se empujará hacia abajo. ¿Hay alguna otra forma en que pueda hacer el panel dividido sin usar el JavaScript?

Digamos, si no se puede hacer usando CSS3 y realmente necesita usar JavaScript, el javascript debería ser mínimo si es posible.

Gracias.