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://s005.radikal.ru/i212/1311/e8/afcf04f946ca.png) no-repeat 100% 50%;
}

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