Hidden Footer

by Jonny

HTML

<div id="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum, voluptatibus, repudiandae, vitae, voluptates dolor esse similique totam impedit reiciendis odio deleniti adipisci incidunt delectus saepe quis! Est, eveniet voluptates eos ipsa rem optio non. Exercitationem, culpa, quasi placeat earum molestiae soluta quibusdam. Dolores, ratione, sit unde obcaecati optio nostrum eius perspiciatis rerum dicta ad ea et at voluptatibus. Ad, nemo, impedit, a illo culpa odit dolore eos nulla enim praesentium earum alias vero totam adipisci ab? Maiores, mollitia, laudantium molestias voluptatem aperiam odio laboriosam itaque aut fugiat quas vitae temporibus nulla totam. Dolor, enim, dolore, minima magni aperiam facere qui delectus tempora assumenda doloremque obcaecati laboriosam natus quam quasi voluptatum sunt esse laborum est possimus mollitia eveniet error corporis illum cupiditate consequatur ratione eligendi et aspernatur tenetur cumque rerum impedit amet odit. Laudantium, vitae, minus maiores molestias veniam ducimus dolorem odit quidem obcaecati officiis blanditiis quos deserunt amet natus debitis repellat modi quis quae magni rem unde porro dicta id suscipit necessitatibus illo ipsa sunt tempora cumque quas! Earum, fuga, mollitia, ut, nesciunt corporis rem rerum nihil culpa sed aliquid natus eius provident saepe laudantium voluptate nemo necessitatibus accusantium quis numquam odit totam enim facilis expedita distinctio repudiandae laboriosam unde doloremque vero quisquam corrupti ab quo tempore itaque ea architecto aliquam quas est molestias dolores fugiat nostrum quibusdam! Laborum, voluptatibus, assumenda voluptates saepe nostrum repellendus nulla a explicabo eius dicta ipsam at ducimus adipisci temporibus eveniet consectetur cum voluptatum cumque nihil magnam illum. Officiis culpa corporis blanditiis laborum placeat facilis.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum, voluptatibus, repudiandae, vitae,...

CSS

body {
    margin: 0;
}
#content {
    position: absolute;
    font-size: 25px;
    width: 100%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.71);
}
p {
    padding: 20px 50px;
    line-height: 33px;
}
footer {
    position: absolute;
    z-index: -100;
    height: 200px;
    width: 100%;
    background: #B6B4B4;
    color: white;
    font-size: 25px;
}
#footer {
    margin: 0 auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

JavaScript

// eh?