Jquery 在Firefox v.7中使用各种文本计算div的宽度

我已经创建了一个脚本来确定当一个div中放置了不同的单词时，它是否会扩展超过130px的宽度。该脚本基于Deepak Nadar的解决方案，位于：

我的问题是，似乎在注入的div准备就绪之前返回了outerWidth。我在while循环之前插入了2个警报。有谁能告诉我为什么我得到两个值，更好的是，如何推迟返回outerWidth直到元素准备好？谢谢

    for(i in words){

      var div = document.createElement('div');
      document.body.appendChild(div);
          $(div).css({
           position: 'absolute',
           left: -1000,
           top: -1000,
           display: 'none'
          });                 

            $(div).html(words[i]);

            var styles = ['font-size','font-style', 'font-weight', 'font-family','line-height', 'text-transform', 'letter-spacing'];

              var $this = $(this)

              $(styles).each(function() {
               var s = this.toString();
               $(div).css(s, $this.css(s));
              });

              alert($(div).outerWidth()); //Returns incorrect value of 121
              alert($(div).outerWidth()); //Returns correct value of 134

            while($(div).outerWidth() > MAXWIDTH){
                FONTSIZE--;
                $(div).css('font-size', FONTSIZE + 'px');
                $(this).css('font-size', FONTSIZE + 'px');
                }                       
            }       }