title: Image resizes with window, but black bar is displayed on some sizes?
body: <p>I have written some code to make an image resize with window size of the web browser it is displayed in  :</p>
  
  <pre><code>&lt;p&gt;
    &lt;a href="www.link.com"&gt;
      &lt;img src="/images/image.png" style="max-height: 235px; 
                                          max-width: 100%;
                                          height: auto;
                                          width: auto; /* ie8 */" /&gt;
    &lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>It displays like so in some resolutions, with a black bar to the right:</p>
  
  <p><img src="https://i.stack.imgur.com/JmFat.png" alt="enter image description here"></p>
  
  <p>How can I remove this black bar? What causes this issue? I cannot target it in Web Developer tools, it isn't present in all window sizes and it is not part of the image.</p>
  
  <p>Thanks.</p>