Скролл и ширина блока

[od_lazio]

Есть необходимость сделать блок, который появляется по центру страницы, drag`n`drop`ится и растягивается. Выглядит он примерно так:

<div class="main-box">
	<div class="title"></div>               <!--заголовок. За него цепляемся и драг н дропим-->
	<div class="content"></div>
	<div class="resize"></div>            <!--Блок, отвечающий за ресайз--> 
</div>

Для растягивания я кладу абсолютом маленький квадратик (.resize) в правый нижний угол (как наиболее интуитивное, на мой взгляд, место)

.resize {position:absolute; right:0; bottom:0;}

и на него вешаю скрипты. Но тут возникают небольшие трудности, так как блок можно сжать по высоте — имеется вертикальный скроллинг.

.main-box{overflow-y:scroll; position:absolute;}

Суть проблемы в том, что в опере .resize прячется за скролл (то есть для него надо бы задать right:15px, или около того)... Конечно можно было бы попользовать хаки, но в данном случае это не совсем приемлемо, так как проект пишется на достаточно длительное и активное использование, и хочется сделать всё максимально надёжно.

Интересуют лишь легальные способы (может как то иначе организовать разметку) решения проблемы. Прочих у меня самого хватает.

Спасибо

прошу прощения за эти отступы в коде, не понимаю откуда они взялись и как их убрать

[Nekromancer]

.main-box{overflow-y:scroll; position:absolute;}

тут скрол всегда присутствует, то есть ваш блог при всём желании не может под него прятаться, хотя он наверно продолжает думать что окно осталось прежнего размера, если реально есть такая проблема, юзайте скрипт

[od_lazio]

Проблема присутствует, полагаю дело в том, что опера иначе расчитывает ширину блока. Опера считает полную ширину, а фаерфокс ширина блока минус ширина скролла.