JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
        <li><span>Li</span></li>
        <li><span>Li</span></li>
        <li><span>Li</span></li>
        <li class="change"><span>Li</span></li>
        <li><span>Li</span></li>
    </ul>

CSS

ul.menu {
        overlflow: hidden;
    }
    ul.menu li {
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-align:center; 
        margin: 0 0 0 -25px; 
        width: 152px;
        line-height: 23px;
        list-style: none;
        height: 25px;
        background: #ccc;
        color: #0091c1;
    }
    ul.menu li span {
        background: url(http://i.stack.imgur.com/dmHl0.png) no-repeat 5px 6px;
        display: block;
    }
    ul.menu li.change span {
        background-image: url(/red.png);
    }