Проблемы с php и JS

Есть файлы JS, JSON, PHP, CSS; Всё работает как надо, но вот на PHP у меня есть 'div id="shop"' внутри 'div id="new"'; отображение JSON параметров идет через JS, который отправляет все в php, в
'div id="shop"', но у 'div id="new"' есть параметр в CSS height: auto; Все подключено, это проверенно. Но элементы отображаются за пределами 'div id="new". JS присваивает элементам'class="towr"'

Код (Javascript):

1. $('document').ready(function(){
2.     loadShop();
3. });
4.  
5. function loadShop() {
6.     //загружаю товары на страницу
7.     $.getJSON('info.json', function (data) {
8.         //console.log(data);
9.         var out = '';
10.         for (var key in data){
11.             out+='<div class="towr">';
12.             out+='<h3>'+data[key]['name']+'</h3>';
13.             out+='<p>Цена: '+data[key]['cost']+'</p>';
14.             out+='<img src="'+data[key]['imag']+'">';
15.             out+='<button>Купить</button>';
16.             out+='</div>';
17.         }
18.         $('#shop').html(out);
19.     })
20. }

Код (Javascript):

1. {
2.     "11201" : {
3.         "name" : "Стикеры Kizer",
4.         "cost" : 249,
5.         "info" : "Стикеры собственной рисовки Kizer",
6.         "imag" : "/img/11201.png"
7.     },
8.     "11202" : {
9.         "name" : "Стикеры 738-Shop",
10.         "cost" : 199,
11.         "info" : "Стикеры собственной рисовки Kizer",
12.         "imag" : "/img/11201.png"
13.     },
14.     "11203" : {
15.         "name" : "Кружка 738-Shop",
16.         "cost" : 349,
17.         "info" : "Керамические кружки Kizer",
18.         "imag" : "/img/11201.png"
19.     }      
20. }

Почему так происходит?

PHP:

1. <div id="new">
2.     <div id="shop">
3.     </div>
4. </div>

Код (CSS):

1. #new {
2. width: 1100px;
3. max-width: 90%;
4. height: auto;
5. margin: auto;
6. background: url(img/fon1.png);
7. margin-bottom: 28px;
8. box-shadow: 0px 1px 9px black;
9. border-radius: 5px;
10. text-align: center;

Код (CSS):

1. .towr {
2.     width: 20%;
3.     height: auto;
4.     border: 1px solid black;
5.     margin: 10px;
6.     float: left;
7.     text-align: center;
8. }
9. .towr button {
10.     display: block;
11.     margin: 20px auto;
12. }
13. .towr img {
14.   width: 95%;
15.   height: auto;
16. }

--- Добавлено ---
Если что, все работает нормально, только не понимаю почему элементы, загружаемые с помощью JS, выходят за пределы блока, в котором находятся
--- Добавлено ---
Если что, все работает нормально, только не понимаю почему элементы, за
--- Добавлено ---
Так же в PHP, подключены фалы JS и CSS, а в JS, подключен JSON