Разделить панель с помощью свойства 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 должен быть минимальным, если это возможно.

Спасибо.