IE7だけ画像が表示されません。

質問

IE7だけ画像が表示されません。IE8は大丈夫です。FIREFOXなども大丈夫です。破れてるわけではなく、非表示です。ただ同ページ内に表示されてる画像もあります。アドバイスいただければ幸いです。

↓表示されない画像の記述です
<div class="buttonRow forward"><a href="http://www.***.jp/modules/zox/index.php?main_page=checkout_shipping"><img src="includes/templates/template_default/buttons/ja_utf8/button_checkout.gif" alt="送信手続きへ" title=" 送信手続きへ " width="90" height="36" /></a></div>

↓表示される画像の記述です
<a href="http://www.***.jp/modules/zox/index.php?main_page=product_info&amp;products_id=1"><div id="cartImage" class="back"><img src="images/pc_mobile.jpg" alt="美容関連商品のＥＣサイト" title=" 美容関連商品のＥＣサイト " width="50" height="40" /></div><div id="cartProdTitle">美容関連商品のＥＣサイト<span class="alert bold"></span></div></a>

回答No.2

yyr446 · ベストアンサー

ご提示の部分に問題は無いと思います。（投稿時に...となっている部分はさておき）
CSS定義部分で何かやってるか、あるいはjavascriptか
その変に原因があると思います。

補足

ありがとうございます。JSは、

<script type="text/javascript">
<!--
function PopupWindow(pUrl) {
　var mWinName = 'myPop';
　var mOption = 'width=600, height=500, location=no, menubar=no, toolbar=no, scrollbars=yes, resizable=yes';
　window.open(pUrl, mWinName, mOption);
}
// -->
</script>

となっています。

回答No.3

yyr446

関係ありそうなところを着目するため、簡略化して見てみると
だめなやつは
<div class="buttonRow forward"><a><img /></a></div>
ＯＫの方は
<a><div id="cartImage" ><img /></div><div><span></span></div></a>
ですね。
CSSやjavascriptで
クラス"buttonRow"とかクラス"forward"とかIDが"cartImage"の所とか
<a>要素や<img>要素に何か設定してないか調べればよろしいかと

補足

CSSファイルを調べてこうなっていました。何か問題がありそうな記述はございますか？ご指摘ありがとうございます。

#cartImage {
margin: 0.5em 1em;
}

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

.forward {
float: right;
}

回答No.1

aruneko99

表示される画像の場合、<img>タグを使っていらっしゃるようなので、
表示されない場合のタグの方も、<img>タグで記述してみてはいかがでしょうか。

<div class="buttonRow forward">
<a href="http://www.***.jp/modules/zox/index.php?main_page=checkout_shipping..." title="送信手続きへ">
<img src="includes/templates/template_default/buttons/ja_utf8/button_checkout.gif" width="90" height="36" alt="送信手続きへ" />
</a>
</div>

あまり自信はありませんが、上のようにすれば…