title: jQuery smooth div scroll not scrolling dynamically created paragraph tags
body: <p>I'm building a stock ticker and I'm trying to use the <a href="http://www.smoothdivscroll.com/" rel="nofollow">Smooth Div Scroll</a> plugin but I can't get it to work with dynamically created paragraph tags. Rather than creating a scrolling, horizontal list, it just dumps the P tags onto the page vertically. If the paragraphs tags are added statically, they are positioned and scroll correctly. When I compare a static version to this dynamic version in Firebug, the html looks the same so I'm guessing it's a CSS issue, but I'm not having any luck.</p>
  
  <p><strong>EDIT:</strong> Here is a <a href="http://jsfiddle.net/barryman9000/RZBUJ/1/" rel="nofollow">jsFiddle</a></p>
  
  <p>Any suggestions?
  Thanks</p>
  
  <p>Here's the code</p>
  
  <pre><code>$(window).load(function () {
          var $divScrollableArea = $(".scrollableArea");
          var $stocks = new Array("GOLD", "SSRI", "PTM", "PAL", "USD", "SH", "DJI");
  
          $.each($stocks, function (index, item) {
              var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22" + item + "%22)%0A%09%09&amp;&amp;format=json&amp;env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys";
              $(function () {
                  var jqxhr = $.getJSON(url, function (json) {
                      $divScrollableArea.append("&lt;p&gt;" + item + "&lt;br /&gt;&lt;span class='left'&gt;" + json.query.results.quote.BidRealtime + 
                          "&lt;/span&gt;&lt;span class='right'&gt;" + json.query.results.quote.Change_PercentChange + "&lt;/span&gt;&lt;/p&gt;");
                  })
                  .success(function () { BuildScroll(); });
              });
          });
          function BuildScroll() {
              $("div#scrollingText").smoothDivScroll({
                  autoScroll: "always",
                  autoScrollDirection: "endlessloopright",
                  autoScrollStep: 1,
                  autoScrollInterval: 15
              });
          }
      });
  
  
  &lt;style type="text/css"&gt;
      .stock
      {
          font: bold .8em Verdana;
          padding: 5px;
          width: 100%;
      }
      .innerStock
      {
          float: left;
          margin-right: 20px;
      }
      .left
      {
          font: normal .7em Verdana;
          text-align: left;
          width: 30%;
          padding-right: 15px;
      }
      .right
      {
          font: normal .7em Verdana;
          text-align: right;
          color: red;
      }
      #scrollingText
      {
          width: 100px;
          height: 35px;
          border: solid 1px #ccc;
          position: relative;
          padding: 2px 0px;
      }
  
      #scrollingText div.scrollableArea p
      {
          display: block;
          float: left;
          margin: 0;
          padding-right: 7px;
          padding-top: 1px;
          font-family: Courier, Arial, Sans-Serif;
          font-size: 12px;
          line-height: 12px;
          font-weight: normal;
          background-color: #fff;
          color: #000;
          white-space: nowrap;
          width:300px;
      }
  &lt;/style&gt;
  
  &lt;div id="scrollingText"&gt;
      &lt;div class="scrollWrapper"&gt;
          &lt;div class="scrollableArea"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>