JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="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>		  	 			 
			  	 			 
		</ul>

CSS

.menu{
	background: url(http://i58.fastpic.ru/big/2014/0217/65/b8c8878a934569b52520acd4cc617465.jpg) top repeat-x;
	display: table-row;
	list-style:none;
    
	
}
.menu li{
	display: table-cell;
	width: auto;
	text-align: center;
	border-left:1px solid #2b99d0;
	border-right:1px solid #035786;
	background: url(http://i33.fastpic.ru/big/2014/0217/eb/c6518a02609a659ca1c9724eaeb876eb.png) center top no-repeat;
    
    
	
}
.menu li:hover{
	
	
	border-left:1px solid #01496f;
	border-right:1px solid #01496f;
	background: #01496f url(images/menu-bg-light.png) center top no-repeat;
}
.menu li:first-child{
	border-left:none;
}
.menu li:last-child{
	border-right:none;
}

.menu li a{ 
	display: block;
	width: 1000px;
	padding:5px 0;
    vertical-align:text-top;
	display: table-cell;
	font:14px Verdana;
	color:#fff;
	text-decoration: none;
}