title: CSS show image always in center
body: <p>I have one div in relative position , and inside i show image with other div , the problem it´s the image inside this div change his size and i can put in center with position absolute 
  but if the image size change , change finally his position</p>
  
  <pre><code>#image_container
  {   
  position:relative;
  width:336px;
  height:328px;
  border:1px solid;
  }
  
  
  #image_load
  {   
  top:50px;
  position:absolute;
  width:auto;
  height:auto;
  left:50%;
  margin-left:-50%;
  } 
  
  &lt;div id="image_container"&gt;
      &lt;div id="image_load"&gt;
          &lt;img src="test.png"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How i can fix the position always in center if the image size change ?</p>