IE7にのみ有効なCSSソース

質問

お世話になっております。
写真を縦に４枚並べているのですが、間が4pxあけたいのに、8px空いてしまいます。IEのみ有効のCSSソース「アンダーバー」を使用すると、IE6では、有効ですが、IE7では、有効となりません。いい方法はありますか。
（CSSソース)
#left img{
margin:0 4px 4px 4px;
_margin:0 4px 0px 4px; /* 　IE　のみ有効 */
padding:0px;
}

(Ｈｔｍｌソース）

<div id="left">
<h2>取扱商品（一例）</h2>
<img src="ephoto/truck1.jpg" width="112" height="83" alt="トラック1" />
<img src="ephoto/truck2.jpg" width="112" height="83" alt="トラック2" />
<img src="ephoto/truck3.jpg" width="112" height="83" alt="トラック3" />
<img src="ephoto/truck4.jpg" width="112" height="83" alt="トラック4" />
<img src="ephoto/truck5.jpg" width="112" height="83" alt="トラック5" />
</div><!--　reft　の終了タグ-->

回答No.1

MAN_MA_RUI · ベストアンサー

アンダースコアハックはIE7の標準モードで利用できないようになっています。
私が対処法として思いつくのはIE7だけ、或いはIEだけ読み込ませるCSSを変える方法。
Conditional Commentsを使用しているためIE4以前には使えませんが、IE4で見るユーザーはそこまで多くないでしょうから問題はないはず。

#IEとそれ以外を分ける
<!--[if IE]><link rel="stylesheet" href="ie.css" type="text/css"><![endif]-->
<![if IE]><link rel="stylesheet" href="not_ie.css" type="text/css"><![endif]>

#IE7とそれ以前と非IEを分ける
<!--[if (gte IE 5 & lt IE 7)]><link rel="stylesheet" href="ie.css" type="text/css"><![endif]-->
<!--[if (gte IE 7)]><link rel="stylesheet" href="ie7.css" type="text/css"><![endif]-->
<![if IE]><link rel="stylesheet" href="not_ie.css" type="text/css"><![endif]>

お礼

ご回答ありがとうございます。