JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="content">
        <div id="left_border"></div>
        <div id="left">
            <div id="menu">
                <ul class="menu">
                    <li class="item-101 current active deeper parent"><a href="/">Home</a>

                        <ul>
                            <li class="item-107"><a href="/index.php/home/news">News</a>

                            </li>
                        </ul>
                    </li>
                    <li class="item-102 deeper parent"><a href="/index.php/merchants-shops">Merchants / Shops</a>

                        <ul style="display: none;">
                            <li class="item-104"><a href="/index.php/merchants-shops/our-advantages">Our Advantages</a>

                            </li>
                            <li class="item-106"><a href="/index.php/merchants-shops/shop-s-application">Shop's application</a>

                            </li>
                        </ul>
                    </li>
                    <li class="item-103"><a href="/index.php/contact-us">Contact us</a>

                    </li>
                </ul>
            </div>
        </div>
        <div id="right">
            <div id="blue_line">
                <div id="merchant_title">Tax Free Shopping Latvia</div>
                <div class="mod-languages">
                    <ul class="lang-inline"></ul>
                </div>
            </div>
            <div id="content_img">
                <img src="/templates/tax/images/office.png">
            </div>
            <div class="item-page">
                	<h1>
	Home	</h1>

                <p>Pri iisque malorum ei, est te suavitate mediocritatem, facer molestie explicari vix ne. Ei lorem libris commune vis, sea ullum assueverit ne, cu quod necessitatibus mea. Duo referrentur intellegebat cu. Eos clita veniam partiendo eu, fugit populo te ius. An denique atomorum theophrastus duo. Has accumsan neglegentur ne. Et mei mutat tincidunt...

CSS

* {
    margin: 0;
    /*padding: 0;*/
}
body {
    background: url(../images/fons.png);
    background-size: 100%;
    /*background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center; 
    background-color: #000000;*/
    font-size: 14px;
    font-family: Arial;
    /*color: #ffffff;    */
}
#wrapper {
    margin: 0 auto;
    margin-top: 10px;
    width: 1004px;
    position: relative;
}
#content {
    overflow: hidden;
    background-color: white;
}
 #left_border {
    background-image: url(http://tax.allfaces.lv/templates/tax/images/ena.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 1094px;
    background-size: 100% auto;
    position: absolute;
    height: 850px;
    left: -51px;
    top: 0px;
}
#left {
    float: left;
    width: 249px;
}
#left #menu ul {
    list-style:none;
    padding: 0;
    width: 249px;
}
#left #menu ul li {
    margin: 0 0 5px 0;
    width: 249px;
    min-height: 44px;
}
#left #menu ul li a {
    text-transform: uppercase;
    text-decoration: none;
    font-style: italic;
    padding: 15px 0 0 17px;
    color: #336699;
    font-size: 17px;
    display:block;
}
#left #menu ul.menu li {
    background-image: url(http://tax.allfaces.lv/templates/tax/images/menu_bulta.png), url(http://tax.allfaces.lv/templates/tax/images/menu_fons.png);
    background-position: 210px 7px, left 0px;
    background-repeat: no-repeat;
}
#left #menu ul.menu li a {
}
#left #menu ul.menu li.current {
    background-color: #1F5CA9;
    background-image: url(http://tax.allfaces.lv/templates/tax/images/menu_bulta.png);
    background-position: 210px 7px;
}
#left #menu ul.menu li.current a {
    font-weight: bold;
    color: white;
}
#left #menu ul.menu li ul li, #left #menu ul.menu li.current ul li {
    background-image:none;
    background-color: #1F5CA9;
}
#left #menu ul.menu li ul li a, #left #menu ul.menu li.current ul li a {
    font-size: 11px;
    text-decoration: underline;
    color:...