Untitled

<!doctype html>
<html lang="en">
<head>
    <style>
        .container {
            width: 90%;
            margin: 20px auto;
            background-color: #3D6AA2;
            padding: 20px;
        }

        .wrapper
        {
                top: 5px;
                bottom: 480px;
                position: absolute;
                float:left;
                    z-index: -1;
                    margin-left: 20px;

                background: url('bg.png') repeat left top; /* bg.png is 20x20 white image */
                    width: 980px;
        }
    </style>

    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
  <script src="https://raw.github.com/srobbin/jquery-backstretch/1.1.2/jquery.backstretch.min.js"></script>
    <script>
        $.backstretch("https://raw.github.com/srobbin/jquery-backstretch/master/examples/pot-holder.jpg", {fade: 500});
    </script>
</head>
<body>
        <div class="wrapper"></div>

    <div class="container">
        <h1>is the white background missing</h1>

    </div>
</body>
</html>