Как установить разделение?

Question

[Andr]

Здравствуйте, у меня на шаблоне нарисованный разделения между меню. Как сверстать его?

Как должно быть


Как у меня

#sidebar {
	width: 199px;
	height: 445px;
	background: url(../img/sidebar.png);
	margin-left: 0.24cm;
	margin-top: 0.27cm;

}

.tx_sidebar {
	margin-left: 15px;
	margin: center;
	list-style: none;
	padding-top: 1cm;
	
}
.tx_sidebar li{
	text-decoration: underline;


}
.tx_sidebar li a{
	font-family: "Hortensia";
	color: #484a48;
	text-shadow:  0px 1px 1px #a5ada6;
	font-size: 18px;



}
.tx_sidebar li a:hover {
	color: #e7e143;

}
.navi {
	display: none;
	list-style: none;
	margin-left: 25px;
	font-size: 12px;

}
.tx_sidebar li:hover > ul {
	display: block;
	text-shadow:  0px 2px 8px #82a956;

}

<div id="sidebar">
        <ul class="tx_sidebar">
                <li><a href="#">Массажи</a>
                <ul class="navi">
                <li><a href="#">Лечебные</a></li>
                <li><a href="#">Для похудения</a></li>
                <li><a href="#">Оздоровительные</a></li>
                <li><a href="#">Антицеллюлитные</a></li>
            </ul>
                </li>
                <li><a href="#">Запись:</a></li>
                <li><a href="#">Портфолио</a></li>
                <li><a href="#">Наши достижения</a></li>
                <li><a href="#">Контакты</a></li>
                <li><a href="#">Как проехать?</a></li>

                
        </ul>

    </div>

Answer 1

[Максим Софронов]

Без приведенного html предполагаю, что надо добавить бордер к элементу списка:

.tx_sidebar li { border-bottom: 1px dashed #000; }

Comments

[Andr]

Случайно два кода одинаковых скинула, уже исправила