[EC-CUBE]　　2.11.4
サーバー　　　xampp


クロームで表示確認をするとヘッダーナビがきちんと真中に位置しているのですが、IE7で表示確認をするとヘッダーナビが右へずれてしまいます。


このようなイメージです。

「クロームの場合」


|ホーム||商品一覧||当サイトについて||お問い合わせ||会員登録||マイページ||カートの中|
　　　
　　　　　　　　　　　　　　　　　　　|　　メインコンテンツ |


「IE7の場合」


　　　　　　　　　　　　　　　　　　　　|ホーム||商品一覧||当サイトについて||お問い合わせ||会員登録||マイページ||カートの中|

　　　　　　　　　　　　　　　　　　　|　　メインコンテンツ |


common.css


/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
float: right;
width: 980px;
height: 32px;
margin-top:80px;
}
div#header_navi ul li {
display: block;
float: left;
}
div#header_navi ul li.mypage,
div#header_navi ul li.entry{
}

どなたかご教授をお願いします。

htmlはどうなっていますか？

/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
float: right;
width: 980px;
height: 32px;
ココ→ margin:80px auto 0 auto;
}

ココを変更してもだめですか？

素早いお返事ありがとうございます。
cssを変更してみてもダメでした。

htmlとは、header.tplでしょうか？



<div id="header_navi">
<ul>
<li> <a href="<!--{$smarty.const.HTTPS_URL}-->home.php" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/home.gif','home');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/home.gif','home');"><img src="<!--{$TPL_URLPATH}-->img/common/home.gif" alt="home"/></a>
</li>
<li> <a href="<!--{$smarty.const.HTTPS_URL}-->syouhin.php" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/syouhin.gif','syouhin');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/syouhin.gif','syouhin');"><img src="<!--{$TPL_URLPATH}-->img/common/syouhin.gif" alt="商品一覧"/></a>
</li>
<li> <a href="<!--{$smarty.const.HTTPS_URL}-->page.php" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/page.gif','page');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/page.gif','page');"><img src="<!--{$TPL_URLPATH}-->img/common/page.gif" alt="当サイト" /></a>
</li>
<li>
<a href="<!--{$smarty.const.HTTPS_URL}-->otoiawase.php" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/otoiawase.gif','otoiawase');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/otoiawase.gif','otoiawase');"><img src="<!--{$TPL_URLPATH}-->img/common/otoiawase.gif" alt="お問い合わせ"/></a>
</li>
<li>
<a href="<!--{$smarty.const.HTTPS_URL}-->mypage/login.php" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/mypage.gif','mypage');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/mypage.gif','mypage');"><img src="<!--{$TPL_URLPATH}-->img/common/mypage.gif" alt="MYページ" name="mypage" id="mypage" /></a>
</li>
<li>
<a href="<!--{$smarty.const.ROOT_URLPATH}-->entry/kiyaku.php" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/kaiin.gif','entry');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/kaiin.gif','entry');"><img src="<!--{$TPL_URLPATH}-->img/common/kaiin.gif" alt="会員登録" name="entry" id="entry" /></a>
</li>

<li>
<a href="<!--{$smarty.const.CART_URLPATH}-->" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/common/kago.gif','cartin');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/common/kago.gif','cartin');"><img src="<!--{$TPL_URLPATH}-->img/common/kago.gif" alt="カゴの中を見る" name="cartin" id="cartin" /></a>
</li>
</ul>
</div>
</div>
</div>
</div>

サイトを確認してないのでどのような形にしてらっっしゃるのかが見えませんのであくまで参考程度にしてください。


/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
ココ→ float: right;

ココは必要ですか？

必要でないのなら

/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
width: 980px;
height: 32px;
margin: 80px auto 0 auto;
}
div#header_navi ul li {
display: block;
float: left;
}
div#header_navi ul li.mypage,
div#header_navi ul li.entry{
}

でいかがですか？
半角スペース、全角スペースに気をつけてくださいね。

解決しました。
cssについてもっと勉強してみます。

ご教授ありがとうございました。