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

<div class="main_menu">		
    <div class="moduletablehor_menu">
         <ul class="nav menu_up" >....</ul>
    </div>
</div>

.parent a{background: transparent url(arrow.gif) no-repeat 128px center}
.nav-child a{background:#ededed}

.moduletablehor_menu {
width:100%;
position:relative;
margin: 0,auto;
padding:0;
text-align: center;
float:left;
}

ul.menu_up {
position:relative;
z-index:9999;
text-align: center;
}

ul.menu_up li {
list-style:none;
float:left;
display: inline-block;
float: none;
height:45px;
width:140px;
padding:0;
margin:0;
}

ul.menu_up li a {
display:block;
height:30px;
text-align:centre;
padding-top:15px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
padding-left:auto;
padding-right:auto; 
text-decoration:none;
font: 12px Arial;
color:#404040;
background-color:#ededed;
border-left:1px solid #dbdbdb;
}

ul.menu_up li a:hover {
background-color: #dbdbdb;
color:#121212;
}

li.parent ul{
display: inline;
float:left;
display:none;
}

li.parent:hover ul{
display: block;
z-index:9999;
background-color:#ededed;
}

li.parent:hover ul li {
clear:both;
width:141px; 
}

ul.menu_up li:first-child a {border:none;}

ul.menu_up li {
list-style:none;
[u]float:none;[/u]
display: inline-block;
float: none;
height:45px;
width:140px;
padding:0;
margin:0;
}

.dt .level2 .off-nav {list-style:disc;}

.level2 a:before {
    content: url("/images/krujok.png");
}

.level2 a:before {
height:8px; width:8px;
margin: 3px;
content: url("../images/krujok.png");
}