css - cssで画像が動かない

Question

これがばかげた質問である場合は申し訳ありませんが、何らかの理由で5時間の作業の後、何も機能していません...

ロゴと電話 (どちらも画像) を持つヘッダーがあります。電話をヘッダーの中央右に配置し、ユーザーがウィンドウのサイズを変更すると左に移動します。しかし、試してみると、下に移動します。ロゴを ΛΟΓΙΣΜΙΚΟ の上に配置し、ユーザーがサイズを変更すると、メニューと共に移動します (上にとどまります)。

ここにサイトがあります: http://www.altasoft.gr/index_.htm

これは JavaScript で実行できますか?

 <div class="header">
    <div style="position:relative; left:17%; top:10px; z-index:99;">
        <img  src="images/Altasoft_Logo.png" alt="" width="354" height="91" />
    </div>

    <div style="position:relative; left:80%; top:-30px; z-index:5;">
      <img src="images/telephone.gif" alt="" width="142" height="16" />
    </div>
</div>