JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
    <li>li</li>
    <li>li</li>
    <li>li</li>
    <li id="change">li</li>
    <li>li</li>
</ul>

CSS

.menu li {
    cursor: default;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    list-style-type: none;
    position: relative;
    text-align:center;
    margin: 0 0 0 -25px;
    padding: 8px 0 0 10px;
    width: 118px;
    height: 20px;
    display: inline-block;
    background-image: url(http://modmyi.com/attachments/forums/iphone-4-4s-new-skins-themes-launches/465481d1282224308-classified-hd-cydia-released-goldborder.png), url(http://i.stack.imgur.com/dmHl0.png);
    background-position: 0% 0%, 44% 75%;
    background-size:128px, 18px;
    background-repeat: no-repeat;
    color: #0091c1;
}
.menu img {
    display: inline;
    vertical-align: -25%;
    padding-right: 6px;
}
#change:hover {
    background-image: url(http://modmyi.com/attachments/forums/iphone-4-4s-new-skins-themes-launches/465481d1282224308-classified-hd-cydia-released-goldborder.png), url(http://www.chiletownhotsauce.com/images/stories/Red%20bell%20pepper.jpg);
    background-repeat: no-repeat;
    background-position: 0% 0%, 44% 75%;
    background-size:128px, 18px;
}