Почему Javascript выдает неточные размеры элементов?

Здравствуйте,
Есть адаптивно-резиновый сайт и если я пытаюсь получить ширину или высоту элемента который не имеет фиксированные размеры, то функция выдает значении на 10-15 пикселей меньше чем элемент является на самом деле (в тот момент).

$(document).ready(function () {
   var elementHeight = $(".element").height();
   alert(elementHeight);
});

Но если эту функцию положить в $(window).resize(); и слегка (на 1 пиксель) изменить размер окна браузера чтобы это функция выполнилась в таком случае функция выдает точный размер..

$(document).ready(function () {
   $(window).resize(function () {
      var elementHeight = $(".element").height();
      alert(elementHeight);
   });
});