JSFiddle - React, Tailwind, and code Playground

HTML

<div id='all'>
    <div id="header">
        <div id="header_left"></div>
    </div>
</div>

CSS

#all {
    width: 1016px;
    margin: 0 auto;
}   

#header {
    height: 313px;
    background-color: #4dd;
}   

#header_left {
    float: left;
    width: 140px;
    margin-left: -140px;
    height: 379px;

    /* works fine */
    /* background: #dd4; */
    
    /* there's a one pixel offet */
    background: url("http://megaglest.org/uploads/megaglest2011/header/left.jpg") no-repeat; 
}