[EC-CUBE] V 2.4.4
[レンタルサーバ] infitoPLUS
[OS] Windows XP
[PHP] Version 5.2.9-2
[データベース] Mysql v 5.0.83
[ブラウザ] Fire fox バージョン3.6.2

ブラウザの違い、Fire Fox,Chome等ではCSSが効いていますが、IE7で見たところズレが生じてしまいます。
問題の箇所なのですが、ブロック箇所で全てのページにレイアウトしているのですが、何故かTopページのブロックレイアウトだけ表示が崩れる現象が発生します。
主にフォントやimgがセンタリングされてしまっている。
商品一覧や詳細画面等では、CSSが適用されるのですが何故かTopページの問題箇所のみ表示が崩れます。
ここで質問するべきではないのかと思いますが、topページのみの崩れということですので、EC-CUBE関連の問題かと思い質問させていただきます。
どなたかお知恵をお貸し下さい。

---HTML:--------

<div id="footerguide">

<center>
<img src="<!--{$TPL_DIR}-->img/common/○○.jpg" width="600" height="150" alt="ショッピングガイド" />
</center>

<ul>
<li>
<img src="<!--{$TPL_DIR}-->img/common/○○.jpg" width="300" height="25" alt="お支払い" /><br>
お支払いは、銀行振込み・郵便振込み・<br>
代金引換サービス・Paypalがご利用いただけます。<br>
下記のクレジットカードがご利用いただけます。<br><br>
<img src="<!--{$TPL_DIR}-->img/common/○○.jpg"width="150" height="140" alt="paypalimage" />
<img src="<!--{$TPL_DIR}-->img/common/○○.gif"width="300" height="37" alt="クレジットカード" />
<br><br>
</li>
</ul>
</div>

---CSS:---------

div#footerguide {
float: center;
margin: 0 auto;
width: 630px;
height: 1650px;
padding: 5px 10px 5px 10px;
border: solid 1px #584600;
}

div#footterguide img text {
pading: 5px;
}


div#footerguide ul {
display: inline;
width: 630px;
padding: 0px 0px 0px 0px;
margin: 5px auto;
}

div#footerguide li {
float: left;
display: box;
width: 300px;
height: 480px;
border: dotted 1px #584600;
padding: 5px 2px 5px 2px;
margin: 2px 2px 2px 2px;
}

div#footterguide img text {
pading: 5px;
}

↑コレの「pading」を「padding」に直してもらってなにか変化はありますか？？

vexit さま、ご返信ありがとうございます。

＞コレの「pading」を「padding」に直してもらってなにか変化はありますか？？

間違っていましたね、修正いたしました。ですが、何の変化もございません。

もう一つ例を挙げますと、topページにブロックでランキングを作成、コレを右側に配置しました。すると商品名が、センタリングされてしまうのです。試しに、商品一覧にランキングを配置したところ、FF,Chomeと同じようにキレイにIE7でも表示されました。何故かTopページだけなのです。
一体原因は何なのでしょうか？是非お知恵をお貸し下さい。

----HTML--------

<!--▼ランキング-->
<div id="ranking">
<img src="<!--{$TPL_DIR}-->/img/rankingitems/rinking3.jpg" width="150" height="38" alt="ランキング5" />

<div class="ranking">
<li><img src="<!--{$TPL_DIR}-->/img/rankingitems/check.gif" width="98" height="34" alt="チェック" /></li>

<p><img src="<!--{$TPL_DIR}-->/img/rankingitems/rank1.gif" width="" height="" alt="no1" />
<font color="#daa520">No.1</font></p><a href="○○.com/products/detail/335"><img src="<!--{$TPL_DIR}-->/img/rankingitems/no1.jpg" width="125" height="125" alt="no1" />
商品名</a>

</div>
</div>

-----CSS------------------------

div#ranking {
width: 150px;
padding: 10px 0px 5px 0px;
margin: 5px 0px 5px 0px;
}


div.ranking li{
width: 150px;
padding: 5px 0px 5px 12px; display: inline;
}

div.ranking p{
width: 150px;
padding: 5px 0px 0px 12px; float:left;
}

div.ranking {
width: 130px;
padding: 5px 5px 5px 13px;
margin: 5px 0px 0px 0px;
border: solid 1px #584600;
}

表示が崩れている場所のHTML以外の箇所で、
<div>タグが閉じ忘れているところなどはないでしょうか。

CSSはあまり詳しくないですが・・・
まずECCubeはデフォルトでいろんなところにmarginやpaddingを入れているので。それを意識しないと、ぐちゃぐちゃになります。

また
float:left;
とか
align=center
どっちが強いかしらんです。

その他、HTMLの話をするなら、実際のHTMLがどう出力されているか？ぐらいは、調べましょうね。あなたが書いたものが実際出力されているソースの全てではないはずです。
該当箇所は、テーブルとかに囲まれていたりしませんか？
そこにスタイルはついていませんか？

やり方は、画面右クリックしてソース表示です。
該当箇所部分は、本当に意図したHTMLが出力されていますか？

それから・・・IEは独自のHTML解釈と拡張が結構ありますよ。float:left;なんてのは、ブラウザ側の解釈が微妙なものです。
また最近ブラウザまかせの適当なHTMLを書く人が多いです。
あなたのはどうですか？

まぁ愚痴はこれくらいにして・・・実際あなたは何のCSSが反映されることを望んでいるんですか？
整形しましたのでよく見てください。
----------------------
<div class="ranking">
　<li>
　　<img src="<!--{$TPL_DIR}-->/img/rankingitems/check.gif" width="98" height="34" alt="チェック" />
　</li>
　<p>
　　<img src="<!--{$TPL_DIR}-->/img/rankingitems/rank1.gif" width="" height="" alt="no1" />
　　<font color="#daa520">No.1</font>
　</p>
　<a href="○○.com/products/detail/335">
　　<img src="<!--{$TPL_DIR}-->/img/rankingitems/no1.jpg" width="125" height="125" alt="no1" />商品名
　</a>
</div>
----------------------

patapataさん、55eccubeさん、ご返信ありがとうございました。

＞表示が崩れている場所のHTML以外の箇所で、
<div>タグが閉じ忘れているところなどはないでしょうか。

TOPのHTMLを見返してみたところ、<center>タグを閉じ忘れていました。ご指摘が無かったら、見落としていました。ありがとうございました。