homer cover background

by ben74

HTML

<body>
    <div id="main-container" >
        <div id="chapter1" class="chapter">
            
        </div>
        
        <div id="chapter2" class="chapter">
        </div>
    </div>
</body>

CSS

#main-container {
    /*float:left;margin:0;
    padding:0;

    width:100%;
        text-align: center;*/
}

.chapter{
    position: relative;
    height: 1200px;
    z-index: 1;
}

#chapter1{
	background-image: url(http://omset.files.wordpress.com/2010/06/homer-simpson-1-264a0.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}
#chapter2{
	background:#F07
}