Positionen HTML

Hey Com,

Ich hab nen kleines Problem und hab generell keine Ahnung wie es richtig funktoniert.

Problem:

In meinem Header ist ein H1 Tag und eine Navigation.
Die Navigation ist in der Mitte mit text-align:center;
Der H1 Tag ist in ganz links bzw. left.

Nun möchte ich meinen H1 Tag etwas nach rechts verschieben doch wenn ich es mit margin-left:25px; mache verschiebt sich auch meine Navigation.
Wenn ich es mit Position:relative; mache klappts aber dann ist es nicht "gefixxt" bzw. dann wird die Navigation über den H1 Tag einfach eingeblendet. siehe Bild.

Normales Bild:


Problem mit Position:relative; ungefixxt :

Codes:
HTML:

CSS:

Meinst du so ca?

CSS (Habs mal bissel umgeschrieben)

Wenn noch was ist, kannste mich gerne in Skype adden. Kann dir bissel helfen, hab grad eh nix zu tun :)

Gruß.