css - ul-li タグ間のヘッダーの HTML ボーダーセパレーター

Question

私の問題を見てください：

今私が持っています：

私は何をする必要がありますか：

国境でやろうとしましたが、何も起こりません。

これが私のコードです：

<ul id="tabMenu">
<li class="dropdown"><div><a class="tab1"><div class="dropdown_text">поиск по производителю</div></a></div></li>
<li class="dropdown"><div><a class="tab2"><div class="dropdown_text">поиск по назначению</div></a></div></li>
<li class="dropdown"><div id="menu_logo"></div></li>
<li class="dropdown"><div><a class="tab3"><div class="dropdown_text">кабинет</div></a></div></li>
<li class="dropdown"><div><a class="tab5"><div class="dropdown_text">сравнение</div></a></div></li>
<li class="dropdown"><div>
<span id="more_search"></span><a class="tab4" href="/emarket/cart/"><div class="dropdown_text">покупки</div></a>
</div></li>
</ul>

CSSは次のとおりです。

ul li {
display: inline-block;
}

ul li a {
color: #ccc;
white-space: nowrap;
text-decoration: none;
padding-top: 55px;
}

ul li a div.dropdown_text {
display: inline-block;
}

div.site_info ul li a.tab1  (etc for a.tab2, a.tab3, a.tab4) {
float: left;
margin-left: 89px;
background: url(/img/new_desing/producers.png) no-repeat top center;
}

この問題を解決するために私を助けてください。