Проблемы с версткой

Есть горизонтальный блок, в нем несколько блоков, и если добавить блоки больше ширины контейнера, то они съезжают вниз, в чем могла быть проблема?

Код (Text):

1.  
2. <div id="header_fr"></div>
3.           <div id="friends_online">
4. <a class="text_none" href="http://#"><div class="wr_fr">
5.                  <img src="img/1imgph.jpg" width="100%" height="auto"></img>
6.                  <div class="name_fr">Андрей Кружков</div>
7.                </div></a>
8.                <a class="text_none" href="http://#"><div class="wr_fr">
9.                  <img src="img/2imgph.jpg" width="100%" height="auto"></img>
10.                  <div class="name_fr">Лена нестерова</div>
11.                </div></a>
12.                <a class="text_none" href="http://#"><div class="wr_fr">
13.                  <img src="img/3imgph.jpg" width="100%" height="auto"></img>
14.                  <div class="name_fr">Диана Лебедева</div>
15.                </div></a>
16.                <a class="text_none" href="http://#"><div class="wr_fr">
17.                  <img src="img/4imgph.jpg" width="100%" height="auto"></img>
18.                  <div class="name_fr">Лилия Умнова</div>
19.                </div></a>
20.                <a class="text_none" href="http://#"><div class="wr_fr">
21.                  <img src="img/5imgph.jpg" width="100%" height="auto"></img>
22.                  <div class="name_fr">Марина Красно..</div>
23.                </div></a>
24.                <a class="text_none" href="http://#"><div class="wr_fr">
25.                  <img src="img/6imgph.jpg" width="100%" height="auto"></img>
26.                  <div class="name_fr">Маша Лепина</div>
27.                </div></a>
28.                <a class="text_none" href="http://#"><div class="wr_fr">
29.                  <img src="img/7imgph.jpg" width="100%" height="auto"></img>
30.                  <div class="name_fr">Саша Денисов</div>
31.                </div></a>
32.                <a class="text_none" href="http://#"><div class="wr_fr">
33.                  <img src="img/8imgph.jpg" width="100%" height="auto"></img>
34.                  <div class="name_fr">Алена Кудрина</div>
35.                </div></a>
36.                <a class="text_none" href="http://#"><div class="wr_fr">
37.                  <img src="img/9imgph.jpg" width="100%" height="auto"></img>
38.                  <div class="name_fr">Дмитрий Кружков</div>
39.                </div></a>
40.                <a class="text_none" href="http://#"><div class="wr_fr">
41.                  <img src="img/9imgph.jpg" width="100%" height="auto"></img>
42.                  <div class="name_fr">Дмитрий Кружков</div>
43.                </div></a>
44.                <a class="text_none" href="http://#"><div class="wr_fr">
45.                  <img src="img/9imgph.jpg" width="100%" height="auto"></img>
46.                  <div class="name_fr">Дмитрий Кружков</div>
47.                </div></a>
48.                <a class="text_none" href="http://#"><div class="wr_fr">
49.                  <img src="img/9imgph.jpg" width="100%" height="auto"></img>
50.                  <div class="name_fr">Дмитрий Кружков</div>
51.                </div></a>
52.                <a class="text_none" href="http://#"><div class="wr_fr">
53.                  <img src="img/9imgph.jpg" width="100%" height="auto"></img>
54.                  <div class="name_fr">Дмитрий Кружков</div>
55.                </div></a>
56.          </div>

Стили

Код (Text):

1.  
2. #friends_online
3. {
4.   margin: 0;
5.   padding: 0;
6.   float: left;
7.   width: 100%;
8.   height: 40%;
9.   position: relative;
10. }
11. .text_none{text-decoration: none;}
12. .wr_fr
13. {
14.   margin: 0;
15.   padding: 5px;
16.   position: relative;
17.   float: left;
18.   width: 11%;
19.   height: 45%;
20. }
21. .name_fr
22. {
23.   color: #000;
24.   font-family: Arial, "Verdana", "san-serif";
25.   font-size: 14px;
26.   margin-top: 3px;
27.   text-align: center;
28. }