Header der jeweiligen Auflösung anpassen

Hallo zusammen,

Also ich hab ein Designproblem mit meinem Header.
Bei dem vorherigen Theme war einfach ein Streifen vorhanden welcher auf der y-Achse wiederholt wurde. Ich wollt das ganze ändern und hab mir selber einen Header zusammen gebastelt.
Soweit so gut und das ganze sieht auch super aus bis man eine andere Auflösung hat. Das Bild (Header) passt sich einfach nicht an (eigentlich verständlich) aber wie könnte ich das Problem beseitigen. Kann ich irgendwo eine festes Position zum Main festelgen oder am besten wär das der Header sich da immer anpasst. Aber WIE wär meine Frage?!?

Anschauen kann man sich das ganze unter:

http://www.bhi.de.vu/

Vorschläge? Ideen?

Danke im vorraus

 

Zur Info noch kurz hier der Ausschnitt der css wo der Header festgelegt ist:

body {
background: #FCFEF4 url(images/bg_top.gif) repeat-x;
margin: 168px 0 20px 0;
font-family: Arial, Verdana, Helvetica;
font-size: 76%;
color: #3F3F3F;
text-align: center;
}

Also eigentlich nur die erste Zeile und das wars!

 

lol... ja jeder hat einen anderen Geschmack ist ja auch gut so.

Zuerst mal Danke für deine Antwort und ich werde das mal gleich morgen ausprobieren weil für heute reichts mir vorerst mal (mir brumt schon mein Kopf vom rumprobieren)

Aber etwas glaub ich wurde bei dem ganzen nicht von dir bedacht und zwar die Gesichter rechts und links! Wie kann ich die Fest an den Rest anpassen?

Vielen dank nochmal.