JSFiddle - React, Tailwind, and code Playground

HTML

<div id="containerleft">
        <div id="leftcolumn"  >
            <ul>
            <li class="separator"></li>            
            <li class="buttons">home</li>
            <li class="separator"></li>
            <li class= "buttons">users</li>
            <li class="separator"></li>
            <li class= "buttons">tutorial</li>
            <li class="separator"></li>
            <li class= "buttons">issuers</li>
            <li class="separator"></li>
            <li class= "buttons">merchants</li>
            <li class="separator"></li>
            <li class= "buttons">partners</li>
            <li class="separator"></li>
            <li class= "buttons">high light</li>
            <li class="separator"></li>
            <li class= "buttons">news</li>
            <li class="separator"></li>
            <li class= "buttons">contact us</li>
            <li class="separator"></li>
            <li class="bottom"></li>     
            </ul>
        </div>
       </div>

CSS

#leftcolumn {
    background: url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTFMUprTNP6nK2r2QxbZ-ls7YlgiVenNuwCBkXwX-keeE96iOradptCHPLZ);
    background-repeat:none;
    float:left;
    z-index: -1;
}