JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu_fixo">
    <div id="centro">
        <li><a href="LINKDOBLOG"><div id="icone_home"></div></a></li>
        <li><a href=' /'>Sobre</a></li>
        <li><a href=' /'>loja virtual</a></li>
        <li><a href=' /'>Contato</a></li>
    </div>
</div>

CSS

#menu_fixo {
    width: 100%;
    height: 45px;
    background-color: #ffa233;
    border: 0px;
    border-bottom: solid 1px #333;
    padding: 0;
    margin: 0;
    position: fixed;
    z-index: 10;
}
#menu_fixo #centro {
    width: 880px;
    height: 45px;
    margin:0 auto;
    border: 0px;
    padding: 0;
    display: block;
    position:relative;
}
#menu_fixo #centro li {
    text-decoration: none;
    display: inline;
    float: left;
    
    
    /* - Código adicionado - */
    height:45px;
    line-height:45px;
    padding:0 10px;
    vertical-align:middle;
    text-align:center;
    /* - Código adicionado - */
    
}

/* - Código adicionado - */
#menu_fixo #centro li:hover {
  background:#cde;
}
/* - Código adicionado - */


#icone_home {
    background-image: url(http://2.bp.blogspot.com/-LkHsu7cfje8/U1UpThxpECI/AAAAAAAAAPc/RMSpYE-raKs/s1600/home.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 45px;
    border-left: solid 1px #FFF;
    border-right: solid 1px #FFF;
    margin: 0px;
    padding: 0px;
}