Соединение div сбоку без оступа

Страно не могу понять почему имено между div имеет оступ даже margin нету! почему?

Код (PHP):

1. <div id="breadcrumb">
2.     <a href="/" class="action" id="home">
3.     <span id="icon" class="home"></span>
4.     Город
5. </a>
6.         <a href="/account" class="action">
7.         <span class="__sep"></span>
8.         Аккаунт    </a>
9.     <div class="action">
10.         <span class="__sep"></span>
11.         <span class="title">Сумка</span>
12.     </div>
13. </div> 

Код (Text):

1.  
2. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
3. /* breadcrumb
4. */
5. #breadcrumb {
6.     background: #8eb565;
7.     line-height: 250%;
8.     color: #f5f5f5;;
9.     font-size: small;
10.     font-weight: bold;
11.     border-bottom: 1px solid #668253;
12. }
13.  
14. #breadcrumb > .action {
15.     display: inline-block;
16.     text-decoration: none;
17.     margin: 0;
18. }
19.  
20. #breadcrumb > a.action {
21.     color: #445475;
22. }
23.  
24. #breadcrumb > a.action:hover {
25.     color: #2f3a51;
26. }
27.  
28. #breadcrumb > .action > .title {
29.  
30.     display: inline-block;
31.     text-decoration: none;
32. }
33.  
34. #breadcrumb #home {
35.     padding-left: 5px;
36. }

 

Да разобрал каким то образом html были оступы.

 

iNEEdhLw, html когда див отпускаеш вниз то появляет пробел!