JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <nav>  
          <ul class="menu">
              <li><a href="index.html" class="home"><img src="http://109.230.148.21/test1/images/home.jpg" alt=""></a></li>
              <li><a href="">Ворота</a></li>
              <li><a href="komplektuyushhie.html">Комплектующие</a></li>			  
              <li><a href="">Автоматика</a></li>
              <li><a href="ceni.html">Цены</a></li>
              <li><a href="locations.html">О нас</a></li>
          </ul>
         <div class="clear"></div>
    </nav>
</header>

CSS

a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}
nav {display:block; z-index:1111; position:relative; background:url(../images/header.jpg) 0 bottom repeat-x; }

ul.menu {display:block; width:960px; margin:0 auto;}
ul.menu li {float:left; display:block; height:60px; text-align:center; background:url(http://109.230.148.21/test1/images/header.jpg) right 0 repeat-x;}

ul.menu li a.home {background:url(http://109.230.148.21/test1/images/home.jpg) 0 0 no-repeat;width:61px; height:60px; display:block; padding:0 !important;}
ul.menu li a {font:16px/20px Tahoma, Geneva, sans-serif; color:#000; display:block; padding:19px 22px 21px 22px; overflow:hidden;}
ul.menu li:hover, ul.menu li.current {}
ul.menu li:hover a.home, ul.menu li.current a.home {background-position:right 0;}
ul.menu li:hover a.home img, ul.menu li.current a.home img {display:none;}
ul.menu li a:hover, ul.menu li.current a {color:#0fc6ee; text-shadow:#68dcf6 0 0 5px;}