我正在尝试创建一个网站，并且在某些浏览器（例如 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;
我已经尝试过使用最大高度，没有最大高度，高度：100％，没有高度：100％等。我已经无数次在谷歌上搜索过这个问题，适用于其他人的解决方案似乎不起作用为了我。我已经设置了 html、body {height: 100%} 并且我尝试了 .cycle-slide {width:100%;} 和 section img { width: 100% } 但这些也不起作用。
编辑： http: //jsfiddle.net/zc3Y8/1/ 代码有点不同，因为我在 Aptana 上使用 Ruby on Rails。但这几乎是它的样子
