JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="header">
        <div id="header-internal">
            1016px 
        </div>
    </div>
    <div id="content">
        what repeat background header left and right? two colors different?
    </div>
    <div id="footer">
        footer
    </div>
    <br /> <br /> <br />
    Should look like:
    <img src="http://i.stack.imgur.com/KCbiK.png" />
</body>

CSS

body {
        margin:0;
        padding:0;
    }
    #header {
        background:url("http://s10.postimg.org/84eqs7j91/bg_repeat_left.jpg");
        background-position: left center;
        width: 100%;
        height: 80px;
    }

    #header-internal{
        background:url("http://s10.postimg.org/jfhegkq49/bg_center.jpg") repeat-x;
        background-position: bottom center;
        background-color: #EFEFEF;
        margin: 0 auto;
        height: 80px;
        width: 1015px;
    }

    #footer {
        background-color: red;
        height: 80px;
        margin-top:20px;
    }