How can I create a fixed top bar? [closed]

Question

I would like to create a black strip on the top of the page (used as the navigation system) and I want the position to be fixed, so when I scroll down on the page it will remain on the screen.

I'm unsure how it would be possible to allow it to be visible on the screen at all times & would I need to create a CSS to create the navigation strip, or insert a black box then CSS it to the top?

Answer 1

CSS

#blackBar{
   position:fixed;
   top:0;
   left:0;
   width:100%;
   height:60px;
   background-color:black;
}

http://jsfiddle.net/LzDR7/