Sticky element does not start at edge of screen

Question

My sticky element does not start at the edge of the screen and it is very annoying:

div.sticky {
    height: 50px;
    width: 100%;
  position: -webkit-sticky;