jQuery недооценивает ширину и высоту некоторых элементов на странице

Я пытаюсь обратить внимание на некоторые элементы страницы во время учебного курса пользовательского интерфейса (см. Эффект прожектора CSS3 с использованием закругленного прямоугольника с градиентами).

Например, здесь navbar:

и подсветка (остальная часть страницы затемняется):

Однако один из элементов моей страницы вызывает у меня проблемы. Здесь он позиционируется в Chrome:

Однако jQuery считает, что он равен 330 пикселей на 60 пикселей:

> var blah = $('.user-list')
[
<div class=​"well well-skinny user-list">​…​</div>​
]
> blah.height()
60
> blah.width()
330

Это приводит к тому, что в центре внимания он слишком мал:

Странно, на странице есть много других элементов (например, navbar), размеры которых рассчитаны правильно, а прожектор показывает их правильно.

Что происходит с этим элементом, который заставляет jQuery показывать неправильную высоту и ширину? Дополнительная информация:

• Вся страница находится на border-box за исключением input элементов, которые плохо воспроизводятся при загрузке.
• На всех сторонах имеется 9px-накладка с 1px-границей, что компенсирует несоответствие размера, однако есть много других элементов с границей/дополнением, где вычисление размера работает правильно, и это единственный элемент, который является странным. Например, загрузочный навигатор, показанный выше, имеет 20px отступов с левой и правой сторон, но ширина вычисляется правильно.