JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="coffmenu">
    <li>Coffee Blends</li>
    <li><a href="">Decaf</a>
    </li>
    <li><a href="">Espresso</a>
    </li>
    <li><a href="">Organic</a>
    </li>
    <li><a href="">Flavor Blends</a>
    </li>
    <li><a href="">Single Orgin</a>
    </li>
    <li>Teas</li>
    <li><a href="">Black Tea</a>
    </li>
    <li><a href="">White Tea</a>
    </li>
    <li><a href="">Green Tea</a>
    </li>
    <li><a href="">Decaf</a>
    </li>
</ul>
</div>

CSS

ul#coffmenu {
    list-style-type: none;
    border-radius: 10px;
    background-color: rgb(9, 107, 107);
    background: url(http://static.nzpif.org.nz/img/2014/projects.jpg) repeat-y;
    position: relative;
    overflow:hidden;
    left: 17px;
    top: 10px;
    width: 229px;
    height: 529px;
    z-index: -1;
    float: left;
}
ul#coffmenu li {
    font-weight: bold;
}
ul#coffmenu li a {
    text-decoration: none;
    font-weight: normal;
}