So, nun die hoffentlich letzte Änderung von meiner Seite:
( <- lol, nun funktionieren wieder die Smileys...) 
Also, du wolltest das Banner über das Header-Photo, und nicht als seperate Zeile da drunter.
Dazu auch noch einmal einen Blick in den Code:
<div id="content-header" style="background-image: url({HEAD_IMAGE});">
</div>
<div id="news">
{BANNER1}
</div>
<!-- START siteservice -->
Du hast erst das Header-Bild definiert, und
danach erst der Banner-DIV. Da die beiden übereinander liegen sollen, würde ich die auch ineinander programmieren:
<div id="content-header" style="background-image: url({HEAD_IMAGE});">
<div id="news">
{BANNER1}
</div>
</div>
<!-- START siteservice -->
Dazu fällt mir auf, dass du die DIV-Klasse "news" gar nicht vergeben hast. die würde ich nun erst einmal umbenennen, damit diese zu später auch zu Banner zugehörig zu identifizieren ist.
So, ich denke das ist nun fertig....
Müsstest in der Layout.css bei Zeile 38 dir noch die Wunschposition überlegen.....

Einen Link zu der Testumgebung schicke ich dir per Mail, da ich nicht möchte, dass Google diese findet
(Bekommst das Theme auch noch als ZIP zurück, für den Fall, dass da doch noch was anders ist/war...)