Html border in header with picture and text

Html border in header with picture and text

Look at my problem:
Now i have:
What i need to do:
I tryed to do with border, but nothing happends.
Here is my code:
<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>
Here is 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;
}
Help me please to solve this problem.