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><ul class="submenu">
     <li><a href="#">ляляля</a></li>
 </ul></li>
              <li><a href="">Ворота</a> <ul class="submenu">
     <li><a href="#">ляляля</a></li>
 </ul></li>
              <li><a href="komplektuyushhie.html">Комплектующие</a> <ul class="submenu">
     <li><a href="#">ляляля</a></li>
 </ul></li>			  
              <li><a href="">Автоматика</a> <ul class="submenu">
     <li><a href="#">ляляля</a></li>
 </ul></li>
              <li><a href="ceni.html">Цены</a> <ul class="submenu">
     <li><a href="#">ляляля</a></li>
 </ul></li>
              <li><a href="locations.html">О нас</a> <ul class="submenu">
     <li><a href="#">ляляля</a></li>
 </ul></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;}

ul.submenu {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ccc;
    box-shadow: 0 2px 3px #000;
    boz-sizing: border-box;
}
ul.submenu > li {
    
}
ul.menu li:hover ul.submenu {
    display: block;
}