I'm trying to make a footer that kind of appears from behind the other div element above. 

[An example is the Pitchfork website with the footer on the bottom.](http://pitchfork.com/) 

I tried to do this in CSS:

```
#footer {
    overflow: hidden;
}
#footer .text {
    position: fixed;
}

```

Or I could make it fixed and move it to the bottom of the page by setting a total height of the website. But that's just to complicated.

Any ideas or easy tutorials on how to do this?