在铬合金中拉伸的图像

在Google Chrome中查看时,网页右栏中的两张图片垂直拉伸至其预期大小的500%左右。在firefox/ie中,它们看起来很好。

相关的HTML标记是

<div class="right_column">                                      
  <div class="photo">
    <img height="80%" width="80%" alt="chalet" src="photos/slides/DSCF0024.JPG"/>
  </div>                        
  <div class="photo">
    <img height="80%" width="80%" alt="bateaux" src="photos/slides/DSCF0418.JPG"/>
  </div>
</div>

CSS是:

.right_column {
  float:right;
  overflow:hidden;
  padding:0 5px 0 0;
  width:275px;
}

.photo img {
  border:1px solid #666666;
  margin-top:30px;
  padding:4px;
}

编辑

我已经解决了这个问题,并删除了网页的链接(以防混淆)