HTML+CSS+JavaScript

Скажем, у меня есть 2 склеянных div-а.

<div style="float:left">
левая колонка
</div>
<div class="content">
поле с контенетом
</div>

Хотелось бы, чтобы пользователь мог мышкой, методом drag изменять ширину первого div и тем самым, как мы перемещать гранниыу между div-ами.
Как возможно реализовать такой эффект ?