在不同瀏覽器上調整圖像大小

Question

我正在嘗試建立一個網站，並且在某些瀏覽器（例如Google Chrome和Safari）上一切正常，但在Mozilla Firefox和Internet Explorer上卻無法正常工作。

這是外觀的鏈接http://imgur.com/BmMOqw0,qiICBR4#0第一張圖片是它在Chrome和Safari中的外觀。 第二個鏈接是IE和Firefox。

HTML基本上是包裹許多邊界的正方形圖像。

 <div> <div> ... <div> <img> </div> ... </div> </div>

CSS的圖像和所有div都設置為border-radius 100％，並且還具有如下代碼：

 max-width: 574px;
 max-height: 574px;
 display:block; 
 max-height:100%; //repetitive, I know, but I've been frustratingly trying everything that might work
 width:auto; 
 max-width:100%;
 height: auto;

我已經嘗試過使用max-height，不使用max-height，使用height：100％，不使用height：100％，等等。我已經無數次地搜索了這個問題，並且對他人有效的解決方案似乎不起作用為了我。 我已經設置了html，正文{height：100％}，並且嘗試了.cycle-slide {width：100％;}和img節{width：100％}，但是這些都不起作用。

編輯： http : //jsfiddle.net/zc3Y8/1/代碼有點不同，因為我在Aptana上使用Ruby on Rails。 但這幾乎就是它的樣子

Answer 1

您正在使用兩個不同的圖像作為鏈接：第一個是http://i.imgur.com/BmMOqw0.png ，第二個是http://i.imgur.com/qiICBR4.png