jQuery-UI Resizable: масштабируйте все элементы alsoResize пропорционально изменяемому размеру div

У меня есть div с изменяемым размером, который расположен над набором элементов, для которых установлено такжеResize.

Визуально изменяемый размер элемента является ограничивающей рамкой для элементов alsoResize.

Я хочу иметь возможность изменять размер элементов alsoResize пропорционально изменяемому размеру div. Поведение пользовательского интерфейса по умолчанию заставляет каждый элемент иметь фиксированную левую и верхнюю позицию при изменении размера:

http://jsfiddle.net/digitaloutback/SrPhA/2/

Но я хочу настроить левую и верхнюю часть каждого элемента AR на масштабируйте вместе с ограничивающей рамкой при изменении ее размера.

Сначала я подумал, что изменить плагин alsoResize не составит особого труда. Это то, что я добавил к изменению размера: _alsoResize:

// Get the multipliers
var scaleX = self.size.width / os.width;
var scaleY = self.size.height / os.height;

newElW = ( parseInt(el.css('width')) * scaleX );
newElH = ( parseInt(el.css('height')) * scaleY );
newElL = ( parseInt(el.css('left')) * scaleX );
newElT = ( parseInt(el.css('top')) * scaleY );

el.css({ width: newElW, height: newElH, left: newElL, top: newElT });

Как вы увидите, окна несколько отстают:

http://jsfiddle.net/digitaloutback/SrPhA/4/

Кажется, что-то раздувается цифры и не могу понять это, любые предложения приветствуются. Возможно несовпадение десятичных знаков между скриптами и браузером?