title: image height increases on every reload
body: <p>I've got an image-tag with a width of 200 and height of 206 and stretched it proportional to full window width by using <code>width="100%"</code> and <code>height="auto"</code></p>
  
  <p>It works well on IE10, IE9, Safari, Chrome and Firefox but on my iPhone 3G the image is stretched to 100% height and when I reload the image height gets doubled!</p>
  
  <p>This is my <a href="http://jsfiddle.net/EXgBB/1/" rel="nofollow">code</a> so far.</p>
  
  <p>Any help is appreciated.</p>