I need to have following Header in relative position like here:
[![enter image description here](https://i.stack.imgur.com/XC13t.png)](https://i.stack.imgur.com/XC13t.png)

But I want to be the header fixed, when scrolling content, so i tried `position: fixed. 

Now the problem is that it looks like that:
[![enter image description here](https://i.stack.imgur.com/2CIav.png)](https://i.stack.imgur.com/2CIav.png)

Does somebody have an idea?