title: images stretched in Chrome
body: <p>The two images in the right-hand column of a webpage have been vertically stretched to about 500% of their intended size when viewed in Google Chrome. In Firefox/IE they look fine.</p>
  
  <p>The relevant HTML markup is</p>
  
  <pre><code>&lt;div class="right_column"&gt;                                      
    &lt;div class="photo"&gt;
      &lt;img height="80%" width="80%" alt="chalet" src="photos/slides/DSCF0024.JPG"/&gt;
    &lt;/div&gt;                        
    &lt;div class="photo"&gt;
      &lt;img height="80%" width="80%" alt="bateaux" src="photos/slides/DSCF0418.JPG"/&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the CSS is:</p>
  
  <pre><code>.right_column {
    float:right;
    overflow:hidden;
    padding:0 5px 0 0;
    width:275px;
  }
  
  .photo img {
    border:1px solid #666666;
    margin-top:30px;
    padding:4px;
  }
  </code></pre>
  
  <p><strong>Edit</strong></p>
  
  <p>I've fixed the problem and have removed the link to the webpage (in case of confusion)</p>