JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="NavList">
    <li id="Home"><a href="Second.aspx">1</a><div></div></li>
    <li id="About"><a href="Second.aspx">2</a><div></div></li>
</ul>

CSS

#Home,#About {
    position:relative;
    width:70px;
    height:50px;
}
#Home div, #About div{
    position:absolute;
    background: url('http://i.stack.imgur.com/2JzQz.jpg');
    background-position:-20px 0px;
    top:0px;
    width:100%;
    height:100%;
}
#Home a,#About a{
    position:absolute;
    top:20px;
    left:20px;
    z-index:100;
}
#Home a:hover+div , #About a:hover+div{
    background: url('http://i.stack.imgur.com/7rx8G.jpg');
    background-position:-20px 0px;
}