ヘッダー内のコーディングを以下のように致しました。<div id="infomation">はデフォルトのままです。<div id="header"> 内にはロゴにa herfをリンクさせ、クリックするトップページにリンクするように致しました。

<div id="header">

<a href="http://tsukaeru/xxxxx/"><img src="<!--{$TPL_DIR}-->img/header/temp.jpg"></a>

<div id="infomation">

<ul>
<li>
<a href="<!--{$smarty.const.URL_DIR}-->mypage/login.php"
onmouseover="chgImg('<!--{$TPL_DIR}-->img/header/mypage_on.jpg','mypage');"
onmouseout="chgImg('<!--{$TPL_DIR}-->img/header/mypage.jpg','mypage');">
<img src="<!--{$TPL_DIR}-->img/header/mypage.jpg" width="95" height="20" alt="MYページ" name="mypage" id="mypage" />
</a>
</li>
<li>
<a href="<!--{$smarty.const.URL_DIR}-->entry/kiyaku.php"
onmouseover="chgImg('<!--{$TPL_DIR}-->img/header/member_on.jpg','member');"
onmouseout="chgImg('<!--{$TPL_DIR}-->img/header/member.jpg','member');">
<img src="<!--{$TPL_DIR}-->img/header/member.jpg" width="95" height="20" alt="会員登録" name="member" id="member" />
</a>
</li>
<li>
<a href="<!--{$smarty.const.URL_DIR}-->cart/index.php"
onmouseover="chgImg('<!--{$TPL_DIR}-->img/header/cartin_on.jpg','cartin');"
onmouseout="chgImg('<!--{$TPL_DIR}-->img/header/cartin.jpg','cartin');">
<img src="<!--{$TPL_DIR}-->img/header/cartin.jpg" width="95" height="20" alt="カゴの中を見る" name="cartin" id="cartin" />
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>

また以下の様main.css内の記述でヘッダーのバックグランドにイメージファイルを置き、右側３つのボタンのバックグラウンドになるように致しました。（ヘッダー左側はロゴのイメージtemp.jpgがバックグラウンドになるように設定）

main.css内記述

div#header {
background: url("../img/header/topbar.jpg");
width: 1005px;
height: 89px;
margin: 0 auto;
float: left;
padding : 0px;
}

ここで問題が発生いたします。IE8,safari,chrome,opera,firefox3.6.3では問題ないところが、IE5.6,およびfirefox3.0.4では右側3つのボタンが下に落ちます。丁度topbar.jpgの縦の長さだけ下に落ちますので、何かと何かがバッティングしているかのようです。

コーディング次第で修正可能であると考えられますが、かなりの時間を費やしておりますが、どうにもならず途方にくれております。どなたか問題点をご指摘いただくことは可能でしょうか。