AUI Carousel not displaying correctly in some browsers

[Aaron Paxson，修改在9 年前。]

Hi all!

I've recently implemented an AUI Carousel on the front page of my website. Seems to be working well in Safari and Chrome. But, not in Firefox or IE. Strange? Any CSS wizkids out there to help me out?

<style type="text/css">
  .aui .carousel{margin-bottom:0}.auiCarousel .aui-carousel-item{height:auto;position:relative;display:none}.auiCarousel .carousel-item img{width:100%;height:auto}.auiCarousel .carousel-item-active{display:block}
</style> 
<div id="myCarousal"> 
  <a href="http://www.myteneo.net/blog/-/blogs/hp-eats-own-dog-food-to-prove-moonshot"> 
    <img class="carousel-item" src="/image/journal/article?img_id=111313&amp;t=1403043513941" height="254px !important" width="600px"> 
  </a> 
  <a href="http://www.myteneo.net/blog/-/blogs/hp-announces-new-high-performance-compute-platform"> 
    <img class="carousel-item" src="/image/journal/article?img_id=111314&amp;t=1403043514194" height="254px !important" width="600px"> </a> 
</div> 
<script>
  AUI().ready("aui-carousel",function(a){var b=new a.Carousel({contentBox:"#myCarousal",activeIndex:0,intervalTime:9,width:600,height:254}).render()});
</script>