fixed Header im Hintergrund?

Hallo Forum,

ich möchte meinen Header gerne auf position:fixed; setzen. Doch wenn ich dies tue, dann ist er im Hintergrund fixed und alle Beiträge sind darüber. Ich finde den Fehler nicht..

Kann mir bitte jmd. helfen?
Vielen Dank für jede Hilfe:)

Mein CSS: http://www.fun-sprueche.de/wp-content/the…e.css?ver=4.4.5

Header:
[FONT=Consolas].header1{ width:100%; position:fixed;}

.header-background{
padding: 15px;
background: #263238;
box-shadow: 0px 2px 6px #7d7d7d;}
.blog-title a {
display: table;
padding: 0px 13px;
//border: 3px solid #fff;
font-size: 30px;
line-height: 150%;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
margin: 0 auto;}

.fb{
float: right;
padding: 20px 15px 15px 15px;
text-transform: uppercase;
font-weight: bold;
font-size: 30px;
text-align:center;
color:#fff;
height: 75px;}

Header richtig:[/FONT]

Header falsch:

Vielen Dank helix für Deine Antwort:) Mit z-index hat es endlich funktioniert. Doch es ist noch nicht perfekt. Die Posts sind nun unter dem Header und er klebt nicht am obersten Bildschirmrand, sondern ist 10px darunter. Grund dafür ist margin von .content. Wenn ich das jedoch auf Null setze, so rutschen alle Posts noch weiter nach oben und ein Teil davon ist, dann unter dem Header versteckt. Hast du eine Idee, wie ich das lösen kann? :)

Vielen Dank SirEctor :) So funktioniert es endlich. Nur noch ein bisschen an der margin von content schrauben und dann sieht es perfekt aus. :)