Make div full width of screen, but show page scrollbar

Question

In my site, I have a topBar. I want this to be full screen, but I want the vertical page scrollbar to be shown, like the header for StackOverflow.

My css is:

#topBar
{
    background: black
    color: #fff;
    height: 60px;
    width:100%;
    padding:10px;
    top:0px;
    left:0px;
    position: fixed;
    z-index:1;
}

How can I achieve this?

Answer 1

Did you override the body's initial margin values?

Also, to force show a vertical scroll bar, you can do:

overflow-y: scroll;