JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
<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>
<li><a href="/">О нас</a></li>
</ul>

CSS

#menu li {
background: url("http://imapo.ru/img/sprite.jpg");
width:250px;
height:50px;
text-decoration: none;
display: block;
}
#menu li:hover {
color: #fff;
background: url("http://imapo.ru/img/sprite.jpg") 0 -50px;
}
#menu a {
padding:16px 20px;
color:#fff;
text-decoration: none;
display: block;
font:15px Arial;
}

#menu a:hover {
color: #000;
}