Разделить панель с помощью свойства CSS3 Resize

Я пытался изменить размер разделенной панели, используя свойство CSS3.

Вот код:

<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> 

Проблема в том, что если я изменю размер левого div, правый div не будет уменьшаться, и его подталкивают к основанию. Есть ли другие способы сделать разделенную панель без использования JavaScript?

Скажем, если это невозможно сделать с помощью CSS3 и действительно нужно использовать javascript, javascript должен быть минимальным, если можно.

Спасибо.

Ответы на вопрос(1)

Ваш ответ на вопрос