title: Absolute positioning makes trouble with IE/Chrome
body: <p>I have a gallery on my website. One way to switch the photo that's shown is to press the little images on the bottom of the gallery (as shown in the below photos). To position the little images I used absolute positioning and margins, as needed to make them straight. The problem is, that when I use absolute positioning in chrome, the image's default position starts from the middle (so to position the first image (1), I assigned it with 'margin-right:-395px;'. In IE, the image's dafault positiong start from where it really should be: So the '-395px' make the image go further to the right, and the images are shown badly.</p>
  
  <p>The same thing happens with the button that in chrome is on the right-top corner.</p>
  
  <p><a href="http://www.pardesmm.com/galleries/1-%20%D7%97%D7%95%D7%95%D7%99%D7%94%20%D7%9E%D7%A9%D7%A4%D7%97%D7%AA%D7%99%D7%AA/Album1.html" rel="nofollow noreferrer">This is my website</a>, if you check it with those 2 different browsers (I haven't checked others yet), you can see the problem. Images are added below as well.</p>
  
  <p><strong><em>Chrome:</em></strong>
  <img src="https://i.stack.imgur.com/PmM22.jpg" alt="Chrome"></p>
  
  <p><strong><em>Explorer:</em></strong>
  <img src="https://i.stack.imgur.com/CQ0L7.jpg" alt="Internet Explorer"></p>
  
  <p>CSS for first little image: (second image: add 100 to margin-right, third image: add 200)</p>
  
  <pre><code>height:90px;
  width:90px;
  margin-top:5px;
  position:absolute;
  opacity:0.6;
  filter:alpha(opacity=60);
  border-radius:5px;
  cursor:pointer;
  margin-right:-395px;
  </code></pre>