JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title>Header</title>

        <link rel="stylesheet" type="text/css" href="css/Style.css" />
    </head>

    <body>

        <div id="page-wrap">

            <ul id="nav">
                <li><a href="#">Link1</a></li>
            </ul>

            <p>Main</p>

        </div>

    </body>
</html>

CSS

body 
{
    background-image: url('http://www.simpsonstrivia.com.ar/pictures-images/fantastic-four.jpg');
}

#page-wrap
{
    width:1040px;
    margin: 0 auto;
}

ul#nav
{
    margin: 0 auto;
    width: 1040px; height: 185px;
    background-image: url('http://www.firstshowing.net/img/fantasticfour2-thing.jpg');
    background-repeat: no-repeat;
}