JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu_nav">
    <li><a href="/">Пользователи</a></li>
    <li><a href="/">Пользователи</a></li>
    <li><a href="/">Пользователи</a></li>
    <li><a href="/">Пользователи</a></li>
</ul>

CSS

ul {
	margin: 0;
	padding: 0;
}

ul li {
    list-style: none;
    float: left;
    height: 49px;
    line-height: 49px;
    background: url(http://katrin.od.ua/img/menu-separator.jpg) no-repeat 100% 50%;
}

ul li a {
    padding: 0 10px;
}

ul li a {
    background: url(http://htmlforum.ru/public/style_images/m.png) no-repeat 0 50%;
    padding: 0 20px;
    vertical-align: middle;
    display: block;
}
ul li a:hover {
    background: #38598a url(http://htmlforum.ru/public/style_images/m.png) no-repeat 0 50%;;    
}