js добавление div к документу

привет есть код

function add()
        {
            var j = 0;
            setInterval(function ()
            {
                j++;
                var lef = getRandomFloat(100, 1200);
                $("body").append('<div class=' + j.toString() + '></div >');
                $('.' + j.toString() + '').css({"background-color": "#ffe", "height": "50px", "width": "50px" }).offset({ top: 0, left: lef });
            }, 1000);
        }

это типа в верху аппендит дивы но почему полоса прокрутки по вертикали появляется типа растет высота документа но ведь у них высота в ноль установлена. В чем прикол Если верить инспектору в хроме то параметр top у каждого следующего div увеличивается на 50. Откуда такое поведение