title: Unknown dots rendered into page - what causes them?
body: <p>I have a demo <a href="http://jsfiddle.net/k1nLqr2w/18/" rel="nofollow noreferrer">application</a> here and in the upper left corners of the "tweets" there are dots and I have no idea where they come from. The code is written in Ember and the template looks like this</p>
  
  <pre><code> &lt;h2&gt;Ember.js DEMO Tweet list&lt;/h2&gt;
  
          &lt;div class="tweets-list"&gt;
          &lt;h2&gt;Tweets&lt;/h2&gt;
  &lt;button {{action 'changeAllTweets'}}&gt;Change All Tweets&lt;/button&gt;
  &lt;button {{action 'changeOneTweet'}}&gt;Change One Tweet&lt;/button&gt;
  &lt;div class="row input-wrap"&gt;
  &lt;/div&gt;
          {{#each this.model.topTweets as |model|}}
              &lt;li class="media"&gt;
  &lt;div {{action 'bindNewModel' this}} class="row"&gt;
    &lt;a class="pull-left" href="#"&gt;&lt;img class="media-object" width="75" height="75" src={{model.avatar}}/&gt;&lt;/a&gt;
    &lt;div class="media-body"&gt;
    &lt;h4 class="media-heading"&gt;{{model.favorites}}&lt;/h4&gt;
    &lt;p&gt;{{model.text}}&lt;/p&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-xs-4"&gt;
  &lt;a href="#"&gt;Expand&lt;/a&gt;
          &lt;/div&gt;
  &lt;div class="col-xs-8"&gt;
  &lt;ul class="list-inline text-right"&gt;
  &lt;li href="#"&gt;Reply&lt;/li&gt;
  &lt;li href="#"&gt;Retweet&lt;/li&gt;
  &lt;li href="#"&gt;Favorite&lt;/li&gt;
  &lt;li href="#"&gt;More&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
          &lt;/div&gt;
  
  &lt;/li&gt;
  {{/each}}
  
                  &lt;/div&gt;
  </code></pre>
  
  <p>P.S. The SHOW LIST button must be pressed for the list to show</p>