Определение ширины динамической многоколоночной CSS3 Ширина DIV фиксированная ширина столбца

У меня есть контейнер DIV , заполненный динамическим текстом. Длина текста может быть разной. Контейнер DIV имеет фиксированную высоту, но не ширину.

Текст отформатирован как ширина многоколоночного текста CSS3 и фиксированная ширина столбцов .

Результатом являются n столбцов с шириной column-width . Теперь я хочу знать, сколько там столбцов или как вычисляется ширина DIV .

КОД CSS:

.columnize{
    float: left;
    position: relative;
    width: 840px;
    overflow: hidden;
}
.columnize div{
    -moz-column-width: 259px;
    -webkit-column-width: 259px;
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    height: 560px;
}

КОД HTML:

<div id="columnWrapper class="columnize">
    <div id="content">
    ... content goes here ...
    </div>
</div>

Я пытался получить ширину с помощью JQuery следующим образом:

$('#content').width();
$('#content').innerWidth();

оба возвращают column-width , а не РЕАЛЬНУЮ ширину во всех браузерах, кроме Firefox.

Есть идеи, как получить ширину макета столбца?