How can I make a menubar fixed on the top while scrolling

Question

I\'d like to make a menubar, which is fixed on the top of the page while scrolling. Something like the top menu in Facebook.

Also, I want a div holding the logo flo

Answer 1

This should get you started

 

        
        
 
            

                
Menu1
                
Menu 2
                
Menu 3
            
 
        
    



body{
    margin-top:50px;}
.menuBar{
    width:100%;
    height:50px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    }
.logo{
    float:left;
    }
.nav{
    float:right;
    margin-right:10px;}
.nav ul li{
    list-style:none;
    float:left;
    }