Top/header DIV wont lock when scrolling.

[LeonLatex]

Yes, I know, you have told me the solution to this problem before, but now I got the same problem. My header bar is moving up and down when scrolling.

I am using position: sticky; but it still goes up and down. What is the problem?

 div.header_container {
    background-color: #033333;
    position: sticky;
    height: 83px;
    width: 100%;
    padding-top: 0px;
    margin-top: 0px;
}
div.logo_bar {
    background-color: #033333;
    width: 100%;
    height: 47px;
}
div.logo_div {
    background-image: url("../images/logo_bg_original.png");
    width: 300px;
    height: 35px;
    margin-top: 0px;
}
div.menu_bar {
    font-size: 13px;
    font-weight: bold;
    background-color: #ffffff;
    width: 100%;
}
div.menu_div {
    background-color: #ffffff;
    width: 100%;
}

[maxxd]

A sticky element needs to have a `top` value. Remember it's relative to the parent element, so if that goes off the screen, the sticky element will as well.