Eu tenho tentado redimensionar o painel dividido usando a propriedade CSS3.

Aqui está o 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> 

O problema é que se eu redimensionar a div esquerda, a div direita não encolherá e será empurrada para baixo. Existem outras maneiras de criar o painel dividido sem usar o javascript?

Digamos, se não puder ser feito usando CSS3 e realmente precisar usar o javascript, o javascript deve ser mínimo, se possível.

Obrigado.