[OneColumn] Header Bild im Verhältnis zur Bildschirmgröße

Hi,

ich habe etwas Probleme mit meinem Design. Also ich habe ein Header-Image und darüber habe ich einen Banner gepackt, aber der Banner ist je nach Bildschirmgröße an einem etwas anderen Platz. Ich habe mir schon darüber den Kopf zerbrochen, allerdings bin ich was Prorgammierung angeht eher bei C und nich bei HTML, CSS und PHP. Deshalb wäre es sehr nett wenn mir einer von euch vllt. einen Tipp geben könnte oder mir helfen könnte, weil auf dem offizielen wordpress Forum hat mir nie einer geantwortet.

<?php if ( get_header_image() ) {?>
    <div >
          <a href="LINK_TO_HOME">
              <img src="<?php echo get_header_image() ; ?>"/>
          </a>
<div style="height:25%; width:22%; position: absolute; top: 49%; left: 54%;">
<a href="LINK">
              <img src="BANNER" />
          </a> </div>
    </div>
    <?php } ?>

Ich bedanke mich schon Mal ganz herzlich im voraus. :-)

Liebe Grüsse
Conny :D