css - CSSセンター位置絶対画像 Internet Explorer

Question

クロムとサファリで絶対位置の画像を中央に配置する次のcssがあります

.productImg {
     width: 100%;
     position: absolute;
     left: 50%;
     margin-left: -50%;
}

ただし、Internet Explorer 7 では、画像が中央に配置されません。代わりに、画像はコンテナ div の左側に残ります。私の質問は、上記のスクリプトを ie7 で動作させるにはどうすればよいですか?

Answer 1

画像がコンテナーの幅で、中央に配置したい場合は、左に揃えてはいけませんか?

.productImg 
{
    width: 100%;
    position: absolute;
    left: 0;
}

Answer 2

親divを中央に配置するだけです。

div {
    width: 300px /* give div a width */
    margin: 0 auto;
}