I'm having a problem with ng-repeat: it's showing content like a waterfall. I don't think it has to do with my css because it's the same problem in plunker   

Image: <http://i59.tinypic.com/kah6qf.png>

Code:

```
       <div class="panel panel-primary">
  <div class="panel-heading">
     <h3 class="panel-title">Products</h3>
  </div>
  <div class="panel-body">
     <ul>
        <li class="product-item" ng-repeat="product in products">
           <div class="product-img">
              <img src="{{product.productPic}}" alt="{{product.name}}" />
           </div>
           <div class="product-name-price">
              <p>{{product.name}} <span class="price">{{product.price}}</span>
              </p>
           </div>
        </li>
     </ul>
  </div>

```

[Here's a Plunker](http://plnkr.co/edit/BuhkWT3QPxRENYyOF9rV)

Thanks