Разделитель меню - Вопросы по CSS

ul li {display: block; height: 50px;}

ul li {padding-top: 10px;}

ul li {display: block; height: 40px; padding-top: 10px;}

ul#mainlevel li{
background: url(../images/sign.gif) left no-repeat;
}

<ul id="mainlevel">
   <li>
      <a href="/menyu_item1.html" class="mainlevel" >menyu_item1</a>
   </li>
   <li>
      <a href="/menyu_item2.html" class="mainlevel" id="active_menu">menyu_item2</a>
   </li>
</ul>

<div id="menu"></div>

<li class="item-101">
<li class="item-102">
<li class="item-103">

.moduletable_menu ul{
	text-align:center;
}

.moduletable_menu li{
	display:inline;
	line-height:27px;
}

.moduletable_menu li a{
	font-family: Tahoma, Arial, Times New Roman;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
	border-left:2px solid #FFF;
	padding: 0 15px;
}

.moduletable_menu li a:hover{
	color: #120F6C;
}

.moduletable_menu .item-101 a {border: 0px !important; }