DIV Fixed to Top of Screen

[EpicKris]

I have a DIV element which I want to remain at the top of the screen, even if the user scrolls down. I've done everything I think, but it still does not seem to be working.

Here is an example of my current setup:
Example

[aj_nsc]

CSS:

position: fixed;
width: 100%;

[EpicKris]

CSS:

position: fixed;
width: 100%;

Already using that in the CSS file.

[aj_nsc]

@import is pointing to the wrong directory.....so it doesn't look like you are using it in your CSS.

I right clicked the element and clicked "Inspect element" in webkit and checked out all the applied styles, position: fixed wasn't one of them meaning that the styles in nav.css weren't getting applied.

That's why I missed it.

Should be @import(nav.css) - it points relative to the CSS file, not the HTML document that the CSS file is linked to.

[EpicKris]

Missed your @import statement...

Thank you so much, I had a slight typo in the ID section.