How to create fixed header layout

Question

Having some issues trying to create a fixed header layout for this jsfiddle:

http://jsfiddle.net/4xk4D/107/

Basically, I'd like the id element app-header-container to be fixed on the page.

I used this article as a reference but no luck yet!

NOTE: I am using SCSS in the jsfiddle.

Answer 1

#header {
    top:0;
    width:100%;
    position:fixed;
    background-color:#FFF;
}

#content {
    position:static;
    margin-top:100px;
}