title: Image's height and width set to 100% not resizing properly in Android Browser.
body: <p>I have the following html:</p>
  
  <pre><code>   &lt;div class="product-view row" data-id="505019"&gt;
     &lt;a href="http://dev.shopious.com/items/505019/Kode--A032Bahan--spandex-korea-HQUkuran--fit-to-LRp69000"&gt;
        &lt;img class="img-responsive" src="http://distilleryimage4.s3.amazonaws.com/6f1400c6a9cc11e3b5a512abfd23a3f4_6.jpg" data-src="http://distilleryimage4.s3.amazonaws.com/6f1400c6a9cc11e3b5a512abfd23a3f4_6.jpg" width="100%" height="100%"&gt;
     &lt;/a&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I wanted essentially the image to adjust according to the width and height of the container. So I've set <code>width="100%" and height="100%"</code>.</p>
  
  <p>This works all fine on most major browsers such as chrome, firefox, opera, and even opera mini. </p>
  
  <p>However when I tried this on an android browser, it messes up. Why is this? Here is the link to my website <a href="http://www.shopious.com" rel="nofollow">here</a>.</p>