jQuery masonry с процентной шириной

есть ли способ заставить jquery masonry работать с div с процентной шириной? Я пытаюсь создать гибкий макет с шириной 25%, 50%, 75% и 100%. Но как только я устанавливаю ширину с помощью%, автоматическое изменение размера перестает работать, и если я попытаюсь вручную запустить mason onresize, я получаю ошибки округления, которые заставляют divs прыгать. Также становится довольно сложно, что иногда игнорируется высота, а иногда просто перестает размещать div и помещает их все в 0,0

HTML-разметка:

    <div class="boxes">
    <div class="box weight-1">
        <div class="inner">
        <p>lkaj dlksaj ldksjf lkdj flksd flkds flkds flksd jfakldsjf lkdsj flkjfd </p>
        </div>
    </div>
    <div class="box weight-1">
        <div class="inner">
        <p>lkaj dlksaj ldksjf lkdj flksd flkds flkds flksd jfakldsjf lkdsj flkjfd </p>
        </div>
    </div>
    <div class="box weight-2">
        <div class="inner">
        <p>lkaj dlksaj ldksjf lkdj flksd flkds flkds flksd jfakldsjf lkdsj flkjfd </p>
        </div>
    </div>
    <div class="box weight-3">
        <div class="inner">
        <p>lkaj dlksaj ldksjf lkdj flksd flkds flkds flksd jfakldsjf lkdsj flkjfd </p>
        </div>
    </div>
</div>

CSS-свойства:

.weight-1 {
width:25%;
}

.weight-2 {
width:50%;
}

.weight-3 {
width:75%;
}

.weight-4 {
width:100%;
}

Muchos gracias для любого ввода, J