title: CSS center position absolute image internet explorer
body: <p>I have the following css which in chrome and safari centers an absolutely positioned image</p>
  
  <pre><code>.productImg {
       width: 100%;
       position: absolute;
       left: 50%;
       margin-left: -50%;
  }
  </code></pre>
  
  <p>However in internet explorer 7 this doesn't center the image. Instead the image stays on the left side of the container div. My question is, how can I make my script above work in ie7?</p>