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>
<li><a href="#">Новичку</a></li>
<li><a href="#">Live Chat</a></li>
</ul>

CSS

body {
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: top center;
}

#menu {
margin : 0 auto;
background: url(http://s005.radikal.ru/i210/1205/2f/311917d5e33f.png);
background-repeat: repeat-x;
width: 1045px;
font :  18px serif;
height: 45px;
}


#menu li {
text-align:center;
float: left;
text-decoration : none;
display : block;
margin-top: 12px;
padding-left: 24px;
}



#menu li a{
color: #ea9f27;
text-decoration : none;
padding-top: 12px;
padding-bottom: 13px;
padding-left: 20px;
padding-right: 20px;
}



#menu  li a:hover{
background: url(http://s61.radikal.ru/i171/1205/7d/bed6e2c7682a.png) repeat;
}