Firefox中的图像缩放问题

它似乎在Chrome和Safari中工作，但是当我在Firefox中检查它时，图像保持其原始大小。

这是我到目前为止的代码。

HTML：

<div class="full-width"> 
    <div class="image-wrapper"> 
     <div class="images"> 
      <img src="http://farm8.staticflickr.com/7165/6840151639_b31263de71_b_d.jpg" /> 
      <img src="http://farm8.staticflickr.com/7165/6840151639_b31263de71_b_d.jpg" /> 
     </div> 
    </div> 
</div>

CSS：

.full-width { 
    height: 100%; 
    width: 100%; 
    position: absolute; 
} 

.image-wrapper { 
    position: absolute; 
    right: 0; 
    width: 50%; 
    height: 55%; 
    margin-right: 15px; 
} 

.images { 
    position: absolute; 
    right: 0; 
} 

.image-wrapper img { 
    display: block; 
    height: auto; 
    max-height: 50%; 
    width: auto\9; /* ie8 */ 
}

您可以查看这里工作的例子：http://jsfiddle.net/Pywak/

来源

2013-03-20 mousesports